如何在文件上传方法中添加附加参数并进入控制器端？答案

【问题标题】：How to add additional parameter in file upload method and get on controller side?如何在文件上传方法中添加附加参数并进入控制器端？
【发布时间】：2020-03-13 23:39:25
【问题描述】：

文件添加一些参数：

angular.forEach(files, function (file) {
    file.DocumentType = xxxxxx;
    file.userDetails = xxxxxxxxxxxxx;
    this.uploadedIdFiles.push(file);
}.bind(this));

服务端代码：

function FileUpload() {
    return $http({
        method: 'Post',
        url: urlconfig.resourceserviceuri + '*FileUpload*',
        data: { file: this.uploadedIdFiles }
    }).then(function (response) {
        return response;
    }).catch(function (response) {
        return response;
    });
};

如何在 DocumentType 和 userDetails 上获取特定参数的控制器端

【问题讨论】：

浏览器 XHR.send 方法无法将文件作为 JavaScript 对象的属性发送。在尝试上传其他属性之前弄清楚如何上传文件。

标签： angularjs file-upload xmlhttprequest

【解决方案1】：

有两种方法可以通过文件上传添加附加信息：

添加标题
添加网址参数

function fileUpload(file) {
    var headers = { 'Content-Type': file.type };
    var params = { 'userDetails': JSON.stringify(file.userDetails) };
    var config = { headers, params };
    return $http.post(url, file, config); 
}

【讨论】：

我在上传方法中添加了多个文件。如何添加参数和标题