文件上传 – 在ASP.NET Core中使用Axios和Vue.JS进行多个文件上

这是我的简单HTML和我的代码：

HTML

<div id="app">
    <form enctype="multipart/form-data">
        <input type="file" name="file" multiple="" v-on:change="fileChange($event.target.files)"/>
        <button type="button" @@click="upload()">Upload</button>
    </form>
</div>

我的JS

import axios from "axios"

var app= new Vue({
el: "#app",data: {
    files: new FormData()
},methods:{
    fileChange(fileList) {
        this.files.append("file",fileList[0],fileList[0].name);
    },upload() {
        const files = this.files;
        axios.post(`/MyController/Upload`,files,{
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            }).then(response => {
                alert(response.data);
            }).catch(error => {
                console.log(error);
            });
    },}

我的控制器

public IActionResult Upload(IList<IFormFile> files)
{
    return Json("Hey");
}

有什么帮助吗？