javascript - 带参数的 Angular 文件上传

Question

我正在使用 Angular-file-upload通过这样做将文件上传到 API:

var upload = function (file) {
    return $upload.upload({
        url: '/api/place/logo',
        data: {place_id: 1, token: <some_token>},
        file: file
    });
};

所有参数似乎都已正确设置。 API 需要使用 token 进行身份验证。出于某种原因，API 永远不会收到客户端发布的 token 或 place_id，并且总是以 BadRequest 进行响应。

这里有什么问题？

Answer 1

试试这个。

在 Angular Controller 上:

.controller('uploadCtrl', function ($scope, FileUploader) {
    $scope.uploader = new FileUploader({
        url: "./api/file/upload",
        formData: [
            { "data1": "value1" },
            { "data2": "value2" }
        ]
    });
});

在服务器端(在 FileController 中，方法:上传):

var provider = GetMultipartProvider();
var result = await Request.Content.ReadAsMultipartAsync(provider);

var data1 = result.FormData.Get("data1");
var data2 = result.FormData.Get("data2");