如何在Asp.net Web APP中上传图片并临时存储以待处理？

一、核心上传功能实现（以ASP.NET Core为例） #

1. 配置存储目录 #

直接使用Web根目录下的临时文件夹（如wwwroot/temp-uploads），需确保程序拥有该目录的读写权限。若目录不存在，代码中可自动创建。

2. 编写上传控制器 #

using Microsoft.AspNetCore.Mvc;
using System.IO;

public class UploadController : Controller
{
    private readonly IWebHostEnvironment _webHostEnv;

    public UploadController(IWebHostEnvironment webHostEnv)
    {
        _webHostEnv = webHostEnv;
    }

    [HttpPost("upload-image")]
    public async Task<IActionResult> UploadImage(IFormFile file)
    {
        if (file == null || file.Length == 0)
            return BadRequest("请选择要上传的图片");

        // 验证允许的图片格式
        var allowedExtensions = new[] { ".jpg", ".jpeg", ".png", ".gif" };
        var fileExt = Path.GetExtension(file.FileName).ToLower();
        if (!allowedExtensions.Contains(fileExt))
            return BadRequest("仅支持JPG、PNG、GIF格式的图片");

        // 创建临时存储目录
        var tempDir = Path.Combine(_webHostEnv.WebRootPath, "temp-uploads");
        if (!Directory.Exists(tempDir))
            Directory.CreateDirectory(tempDir);

        // 生成唯一文件名避免覆盖
        var uniqueFileName = Guid.NewGuid().ToString() + fileExt;
        var filePath = Path.Combine(tempDir, uniqueFileName);

        // 保存文件到临时目录
        using (var stream = new FileStream(filePath, FileMode.Create))
        {
            await file.CopyToAsync(stream);
        }

        // 返回可直接访问的图片URL，用于前端展示
        return Ok(new { ImageUrl = $"/temp-uploads/{uniqueFileName}" });
    }
}

二、前端上传与展示页面示例 #

<!DOCTYPE html>
<html>
<head>
    <title>图片上传展示</title>
</head>
<body>
    <input type="file" id="imageInput" accept="image/*">
    <button onclick="uploadImage()">上传图片</button>
    <div id="imageContainer" style="margin-top:20px;"></div>

    <script>
        async function uploadImage() {
            const input = document.getElementById('imageInput');
            const file = input.files[0];
            if (!file) return;

            const formData = new FormData();
            formData.append('file', file);

            try {
                const response = await fetch('/upload-image', {
                    method: 'POST',
                    body: formData
                });

                const result = await response.json();
                if (response.ok) {
                    const img = document.createElement('img');
                    img.src = result.ImageUrl;
                    img.style.maxWidth = '500px';
                    document.getElementById('imageContainer').appendChild(img);
                } else {
                    alert(result);
                }
            } catch (err) {
                alert('上传失败，请重试');
            }
        }
    </script>
</body>
</html>

三、临时文件的后续处理与自动清理 #

1. 图片后续处理示例 #

如果需要对上传的图片进行裁剪、压缩等操作，可使用ImageSharp（需安装NuGet包SixLabors.ImageSharp）：

using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Processing;

// 读取临时文件并压缩
var imagePath = Path.Combine(tempDir, uniqueFileName);
using var image = Image.Load(imagePath);
image.Mutate(x => x.Resize(new ResizeOptions {
    Size = new Size(800, 600),
    Mode = ResizeMode.Max
}));
// 保存处理后的文件到临时目录
image.Save(Path.Combine(tempDir, $"compressed_{uniqueFileName}"));

2. 自动清理过期临时文件 #

通过后台定时任务清理超过指定时长的文件（比如7天）：

using Microsoft.Extensions.Hosting;
using System.IO;
using System.Threading;
using System.Threading.Tasks;

public class TempFileCleanupService : IHostedService, IDisposable
{
    private Timer _timer;
    private readonly IWebHostEnvironment _webHostEnv;

    public TempFileCleanupService(IWebHostEnvironment webHostEnv)
    {
        _webHostEnv = webHostEnv;
    }

    public Task StartAsync(CancellationToken cancellationToken)
    {
        // 每天凌晨2点执行一次清理
        _timer = new Timer(DoCleanup, null, TimeSpan.Zero, TimeSpan.FromDays(1));
        return Task.CompletedTask;
    }

    private void DoCleanup(object state)
    {
        var tempDir = Path.Combine(_webHostEnv.WebRootPath, "temp-uploads");
        if (!Directory.Exists(tempDir)) return;

        var cutoffTime = DateTime.Now.AddDays(-7);
        foreach (var file in Directory.GetFiles(tempDir))
        {
            var fileInfo = new FileInfo(file);
            if (fileInfo.CreationTime < cutoffTime)
            {
                try { fileInfo.Delete(); }
                catch { } // 忽略文件被占用等删除异常
            }
        }
    }

    public Task StopAsync(CancellationToken cancellationToken)
    {
        _timer?.Change(Timeout.Infinite, 0);
        return Task.CompletedTask;
    }

    public void Dispose()
    {
        _timer?.Dispose();
    }
}

在Program.cs中注册该后台服务：

builder.Services.AddHostedService<TempFileCleanupService>();

四、关键注意事项 #

• 权限配置：确保IIS应用程序池或本地运行用户对temp-uploads目录拥有读写权限。
• 文件大小限制：在Program.cs中配置上传文件上限：

  builder.Services.Configure<FormOptions>(options =>
  {
      options.MultipartBodyLengthLimit = 10 * 1024 * 1024; // 限制为10MB
  });
  

• 安全防护：始终生成唯一文件名，避免路径遍历攻击；除了验证扩展名，还可检查文件头（如JPG文件头为FF D8 FF）进一步确认文件类型。

内容的提问来源于stack exchange，提问作者Ernesto Santos