2016-06-09 81 views
0

我有一個窗體,需要上傳一些圖像到服務器。使用this angular plupload指令,我有一個工作演示......有點。Plupload,角度和等待提交按鈕

在我看來,使用此:

<a plupload="vm.fileUpload.url" 
    plupload-options="vm.fileUpload.options" 
    plupload-callbacks="vm.fileUpload.callbacks"> 
    Upload Button 
</a> 

這在我的控制器:

vm.fileUpload = { 
    url: 'http://localhost:29365/api/building', 
    callbacks: { 
     filesAdded: function(uploader, files) { 
      vm.loading = true; 
      $timeout(function() { 
       uploader.start(); 
      }, 1); 
     }, 
     uploadProgress: function(uploader, file) { 
      vm.loading = file.percent/100.0; 
     }, 
     fileUploaded: function(uploader, file, response) { 
      vm.loading = false; 
      vm.uploadedFiles.push(file); 
      console.log('Upload Complete!'); 
     }, 
     error: function(uploader, error) { 
      vm.loading = false; 
      console.log(error.message); 
     } 
    } 
} 

我可以把文件上傳到我的服務器(ASP.NET API,在這種情況下)。圖像發送後,我可以看到它們。萬歲。

問題是,在我選擇它們的那一刻,所有這些圖像都會發送出去。它在filesAdded回調中。對我而言,這是一件壞事。我還有其他表單數據,我希望與圖像一起發送,並且還希望用戶有機會在發送到服務器之前改變主意並刪除圖像。

所以,我想要plupload來準備好圖像,然後等待用戶在發送任何內容之前點擊提交按鈕。

沿着一個submitted回調我可以設置一個按鈕嗎?它可以與the directive I mentioned earlier一起使用嗎?

回答

0

我不認爲這個問題有很好的答案。 Plupload完成它所做的事情,它不希望被包含在另一個表單中。它可以被設置爲擁有自己的提交按鈕,但我不認爲有一種簡單的方法可以讓它使用表單的提交按鈕。