Question

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

Answer 1

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

Plupload，angular和等待提交按钮

1 个答案: