2016-06-09 122 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完成它所做的事情,它不希望被包含在另一个表单中。它可以被设置为拥有自己的提交按钮,但我不认为有一种简单的方法可以让它使用表单的提交按钮。