ASP.NET Core实现多文件上传

ASP.NET Core 实现多文件上传的完整攻略如下：

步骤一：创建 ASP.NET Core 应用程序

在使用 ASP.NET Core 实现多文件上传之前，需要创建一个 ASP.NET Core 应用程序。可以使用 Visual Studio 或者命令行工具创建 ASP.NET Core 应用程序。

步骤二：添加依赖项

在使用 ASP.NET Core 实现多文件上传之前，需要添加以下依赖项：

• Microsoft.AspNetCore.Http
• Microsoft.AspNetCore.Http.Features

可以使用 NuGet 包管理器或者命令行工具添加依赖项。

步骤三：实现多文件上传

在 ASP.NET Core 中，可以使用 IFormFileCollection 接口实现多文件上传。以下是一个示例：

[HttpPost("upload")]
public async Task<IActionResult> Upload(List<IFormFile> files)
{
    long size = files.Sum(f => f.Length);

    foreach (var formFile in files)
    {
        if (formFile.Length > 0)
        {
            var filePath = Path.GetTempFileName();

            using (var stream = new FileStream(filePath, FileMode.Create))
            {
                await formFile.CopyToAsync(stream);
            }
        }
    }

    return Ok(new { count = files.Count, size });
}

在上面的示例中，我们使用 HttpPost 特性指定了上传文件的路由。我们使用 List 类型的参数接收上传的文件。在 Upload 方法中，我们使用 Sum 方法计算上传文件的总大小。然后，我们使用 foreach 循环遍历上传的文件，并将每个文件保存到临时文件中。

示例一：使用 jQuery 实现多文件上传

以下是一个示例，演示如何使用 jQuery 实现多文件上传：

<form id="uploadForm" enctype="multipart/form-data">
    <input type="file" name="files" multiple />
    <button type="submit">Upload</button>
</form>

<script>
    $(function () {
        $('#uploadForm').submit(function (event) {
            event.preventDefault();

            var formData = new FormData($(this)[0]);

            $.ajax({
                url: '/upload',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (data) {
                    console.log(data);
                }
            });
        });
    });
</script>

在上面的示例中，我们使用表单元素和 jQuery 实现了多文件上传。我们使用 FormData 类型的对象来收集表单数据，并使用 $.ajax 方法将数据发送到服务器。

示例二：使用 Dropzone.js 实现多文件上传

以下是一个示例，演示如何使用 Dropzone.js 实现多文件上传：

<form id="uploadForm" class="dropzone">
    <div class="fallback">
        <input name="file" type="file" multiple />
    </div>
</form>

<script>
    $(function () {
        Dropzone.options.uploadForm = {
            url: '/upload',
            autoProcessQueue: true,
            init: function () {
                this.on('success', function (file, response) {
                    console.log(response);
                });
            }
        };
    });
</script>

在上面的示例中，我们使用 Dropzone.js 实现了多文件上传。我们使用 Dropzone.options.uploadForm 对象来配置 Dropzone.js，并使用 on 方法监听上传成功事件。