2016-06-07 139 views
1

我想用angularjs-file-uploader將少量文件上傳到服務器。我有一個viewModels數組,我想上傳文件並獲取上傳文件的ID並將其分配給相應的viewModels。如何將模型傳遞給anguarjs fileuploader?

有什麼辦法可以將我的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」,它有一個屬性uploadedFileId。以便我可以將上傳的文件的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 ; 

      } 
     }; 

回答

0

我找到了解決方案。我只需要使用「選項」屬性進行文件輸入。像這樣:

<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 ; 

     } 
    };