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一起使用嗎?