来自axios的Web Api 2调用

Question

当我从axios调用Web api 2时，HttpPostedFileaBase作为null进入。 我不知道怎么了。

    [HttpPost]
    public IHttpActionResult Upload(Config config)
    {
        //config.Name has value
        //config.File is null

    }

这是axios调用：

const data = {
        Name:'john',
        File: event.target.files[0] //this has value here
    }


const config = { headers: { 'content-type': 'multipart/form-data' } }
    axios({
        method: 'post',
        url: '/api/upload',
        data: data,
        config
    })
        .then((response) => {
            })
        }).catch(err => console.log(err));

当我console.log ，我可以看到该文件，但是当它到达api调用时，它为null

Answer 1

您应该将文件追加到formdata。

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

然后

axios({
        method: 'post',
        url: '/api/upload',
        data: formData,
        config
})