Plupload,angular和等待提交按钮

时间:2016-06-09 22:43:57

标签: javascript angularjs plupload

我有一个需要将大量图像上传到服务器的表单。使用this angular 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一起使用吗?

1 个答案:

答案 0 :(得分:0)

我认为这个问题没有一个好的答案。 Plupload完成它所做的事情并且它不希望被包含在另一种形式中。它可以设置为拥有自己的提交按钮,但我不认为有一种简单的方法可以让它使用表单的提交按钮。