angularjs - 如何将模型传递给 AngularJS 文件上传器？

Question

我想使用 angularjs-file-uploader 将几个文件上传到服务器。我有一组视图模型，我想上传文件并获取上传文件的 ID 并将它们分配给相应的视图模型。

有什么方法可以将我的 viewModels 传递给 fileUploader？这是我到目前为止编写的代码。

 <div ng-if="vm.isFile(v.formItem)" class="form-group form-md-line-input form-md-floating-label no-hint">
                                            <div class="form-group">
                                                <input type="file" name="v.id" nv-file-select uploader="vm.uploader" />
                                                <span class="help-block m-b-none">{{v.formItem.description}}</span>
                                            </div>
                                        </div>

我想传递一个“v.formItem”，它具有uploadFileId 的属性。这样我就可以将上传文件的 ID 分配给我的模型。

 this.uploader = new FileUploader({

            url: 'File/UploadFile',
            autoUpload: true,
            removeAfterUpload: true,
            queueLimit: 1
        });            
this.uploader.onSuccessItem = function (fileItem, response, status, headers) {
            if (response.success) {
                formItem.uploadedFileId = response.result.id ;

            } 
        };

Answer 1

我找到了解决方案。我只需要使用“选项”属性进行文件输入。像这样：

<input type="file" name="v.id" options={formItem:v.formItem} nv-file-select uploader="vm.uploader" />

javascript:

this.uploader.onSuccessItem = function (fileItem, response, status, headers)     {
        if (response.success) {

            var formItem = fileItem.formItem;

            formItem.uploadedFileId = response.result.id ;

        } 
    };