ajax - 如何使用 angular FileUpload 发送附加数据

Question

我在我的项目中使用了 angularFileUpload 模块。它工作正常，但我想用我的文件发送额外的数据，但我不能。

var uploader = $scope.uploader = Upload.upload({
        url: 'api/photos/upload/propertyphoto',
        type:'post',
        data:{name:'my name'},
        headers:{
            csrf_token:CSRF_TOKEN,
            'X-XSRF-TOKEN':X_XSRF_TOKEN
        }
   });

照片上传正常。但是当我使用 $_POST['name'] 接收数据时，那是行不通的。

Answer 1

我找到了解决方案:

要使用 angularFileUpload 发送附加数据或表单数据，您需要包含 formData 键。

例子:

var uploader = $scope.uploader = new FileUploader({ 
    url: 'api/photos/upload/propertyfeaturephoto', 
    type: 'post', 
    formData: [{mydata: 'this is my data'}], 
    headers: { 
        csrf_token: CSRF_TOKEN
    }, 
    success:function(resp) { 
        console.log(resp); 
    } 
});

此处的 formData 允许开发人员向服务器发送附加数据或表单数据。