首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法在Asp.Net核心3.1API中上传文件

无法在Asp.Net核心3.1API中上传文件
EN

Stack Overflow用户
提问于 2021-02-25 06:01:14
回答 1查看 89关注 0票数 0

在React应用程序中:

代码语言:javascript
运行
复制
const onInputFileChange = (e: React.ChangeEvent) => {
    const files = e.target.files;
    if (!files || files.length === 0) {
        return;
    }

    const file = files[0];
    const formData = new FormData();
    formData.append("file", file);
    
    const uri = "path/to/my/endpoint/myc/12/upload";
    const fetchOptions = {
        method: "POST",
        headers: [["Content-Type", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"]],
        mode: "cors",
        body: formData
    };
    
    fetch(uri, fetchOptions).then(res => console.log(res));
};

return (
    
);

我正在发送一个Excel文件。我有以下控制器:

代码语言:javascript
运行
复制
[HttpPost("myc/{id}/upload")]
//[Consumes("multipart/form-data")] // This line is commented intentionally
public ActionResult UploadExcelFile(string id)
{
    var form = this.Request.Form; // Exception here!!!
    return Ok();
}

当我在方法中设置一个断点(开始)时,我看到它被击中了。当我进一步进入第一行时,在读取时抛出异常

代码语言:javascript
运行
复制
System.InvalidOperationException: 'Incorrect Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'

尝试

如果我删除属性中的注释Consumes,我从来没有得到过这个方法;相反,我得到了一个415不支持的媒体类型。

尝试II

如果我将控制器的Consumes和请求的Content-Typ

两者均为:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,我得到相同的错误:

代码语言:javascript
运行
复制
System.InvalidOperationException: 'Incorrect Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'

尝试III

如果我像这样改变控制器:

代码语言:javascript
运行
复制
[HttpPost("myc/{id}/upload")]
//[Consumes("multipart/form-data")]
public ActionResult UploadExcelFile(string id, IFormFile file)
{
    var form = this.Request.Form;
    return Ok();
}

我收到一个400 Bad Request,但没有命中该方法。

我到底该怎么做?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-25 07:43:05

只需省略Content-Type请求和浏览器会为你设置一个正确的头。因为正确的值FormData是Content-Type: multipart/form-data; boundary=something

您需要让浏览器为您设置有效的边界值。

代码语言:javascript
运行
复制
const file = files[0];
const formData = new FormData();
formData.append("file", file);

const uri = "path/to/my/endpoint/myc/12/upload";
const fetchOptions = {
    method: "POST",
    mode: "cors",
    body: formData
};

fetch(uri, fetchOptions).then(res => console.log(res));
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66359451

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档