我使用
https://github.com/nervgh/angular-file-upload进行文件上传.
我有一个表单,除了上传文件,还发送一些其他字段.为清楚起见,我在此示例中仅发送一个字段：
$scope.save_with_upload = function(user) {
$scope.uploader.formData = [{
name: user.name,}];
$scope.uploader.uploadAll();
}
假设输入的名称值为Test 1.
>当我第一次加载页面并单击“保存”时,它会发送文件,但根本不发送formData.
>然后我将名称字段更改为测试2并点击保存.它发送文件和formData,但它发送的名称值是Test 1.
>然后我将名称字段更改为测试3并点击保存.它发送文件和formData,但它发送的名称值是Test 2.
> …依此类推……
所以它似乎总是在最后一次调用uploadAll之前发送分配给formData的数据.
澄清一下：如果我在调用uploadAll之前执行dir(user,$scope.uploader.formData),它会在两者中显示正确的最新值.
我一直在努力工作几个小时,似乎无法看出什么是错的.有任何想法吗？
解决方法
将表单字段附加到FileItem对象 – 而不是FileUpload – 修复它：
uploader.onBeforeUploadItem = function(item) {
formData = [{
name: user.name,}];
Array.prototype.push.apply(item.formData,formData);
};
原因是,实际上使用了FileItem上的设置.将文件添加到队列时,FileUpload中的设置将复制到FileItem.因此,在将文件添加到队列之后对FileUpload选项所做的任何更改都将不起作用.