Plupload,角度和等待提交按钮
问题描述:
我有一个窗体,需要上传一些图像到服务器。使用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一起使用吗?
答
我不认为这个问题有很好的答案。 Plupload完成它所做的事情,它不希望被包含在另一个表单中。它可以被设置为拥有自己的提交按钮,但我不认为有一种简单的方法可以让它使用表单的提交按钮。