Question

我非常沮丧，无法找到解决方案：

我正在使用angularjs和nodejs创建一个项目。我从节点js的角度侧获取图像数据并将此数据发送到更远的api。我收到错误

{
  "error": {
    "detail": "Multipart form parse error - Invalid boundary in multipart: None"
  }
}

这是我在nodejs方面的代码：

var request = require('request');
    console.log(req.files);
var data = {

        website:'www.gamail.xom',
        contact_number:'dsdsd',
        services_offered:'dsadasd',
        contact_name:'dasdas',
        provider_category:'exchange',
        email:'kk@gmail.com',
        image:req.files

    }
var api_url = global.common.base_url + 'vcard/1.0.0/visit_card/' + req.param('uuid') +'/';
    request({
        url: api_url,
        method: 'PUT',
        headers: {
            'Content-Type': 'multipart/form-data',
            'Authorization': 'Bearer '+req.cookies.apitoken
        },
        json: data

    }, function(error, response, body) {
        if(response.statusCode == 200 && !error){
            res.end(JSON.stringify(body));
        }else{          
            res.send(response.statusCode, { error: body });
        }
    });
}

在req.files中我得到了

{ image:
   [ { fieldName: 'image[0]',
       originalFilename: 'icon_dd_chart_grey.png',
       path: 'C:\\Users\\karakuma\\AppData\\Local\\Temp\\op74_gLSzPs-_49aT1GF0si
7.png',
       headers: [Object],
       size: 1474,
       name: 'icon_dd_chart_grey.png',
       type: 'image/png' } ] }

Answer 1

在尝试上传文件时，我也遇到了这个问题。对我来说，问题是FormData，它以Object而不是FormData instance

的形式出现

所以我使用以下代码将对象转换为FormData：

const getFormData = object => Object.keys(object).reduce((formData, key) => {
            formData.append(key, object[key]);
            return formData;
        }, new FormData());

在我使用Vue资源的情况下，刚刚执行了我的发布请求：

return Vue.http.post(url,
        getFormData(formData),
        {
            headers: {
                'Content-Type': 'multipart/form-data'
            }
        });

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

Answer 2

尝试按如下方式定义内容类型。

content_type='multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'

我遇到了同样的问题，它在python中对我有用。

Answer 3

我在连接到 Django rest API 的 angular 11 中遇到了这个问题，我能够卷曲类似这样的东西以上传带有表单的 JSON：

curl -X POST -S \
  -H 'Accept: application/json' \
  -u "user:password" \
  -F "name=name" \
  -F "label=mylabel" \
  -F "otherfields=something" \
  -F "photo=@./example.png;type=image/png" \
  http://127.0.0.1:8000/api/v1/item/

但是我使用我的标头作为 httpOptions 得到了那个异常：

'content-type': 'multipart/form-data',

所以我刚刚注释掉了 content-type，看起来 angular 非常聪明，以至于他为您创建了标题并将多部分与边界一起设置。

有关这方面的更多信息： What is the boundary in multipart/form-data?

Answer 4

<div class="code">Change this text based on the 'code' param.</div>

多部分表单解析错误 - 多部分中的无效边界：无

4 个答案: