javascript – AngularJS文件上传发送过时的formData

前端之家收集整理的这篇文章主要介绍了javascript – AngularJS文件上传发送过时的formData前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用 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选项所做的任何更改都将不起作用.

猜你在找的JavaScript相关文章