fetch formData 上传文件(设置header不成功)

最新推荐文章于 2025-04-18 09:46:45 发布

I-T枭

最新推荐文章于 2025-04-18 09:46:45 发布

阅读量7.8k

点赞数

分类专栏： React Javascript ES6

本文链接：https://blog.youkuaiyun.com/hahahhahahahha123456/article/details/81953517

版权

在使用fetch上传formData时，遇到设置Content-Type为application/x-www-form-urlencoded无效的情况，数据仍以multipart/form-data方式提交，导致后端SpringMvc无法正确解析。通过分析和调试，发现需要特定格式才能使后端正常接收。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fr.postBlob = function (url, file, success, fail) {
    let filedata = new FormData();
    filedata.append('file', file.file, file.file.name);
    filedata.append('path', file.data.path);
    let request = new Request(url, {
        method: 'POST',
        credentials: 'include',
        body: filedata,
    });
    fetch(request)
        .then(response => response.json())
        .then(result => {
            if (result.resultCode == '0') {
                success(result.detailMsg);
            } else