jQuery:在表单提交时使用Blueimp File Upload插件上传File + Data [英] jQuery:File+Data upload using Blueimp File Upload plugin on form submit

问题描述

我正在使用 Blueimp File Upload 插件上传文件.可以说我有以下形式:

I am using Blueimp File Upload plugin to upload file. Let say I have following form:

<form id="myForm">
   <input type="text" name="n1" />
   <input type="text" name="n3" />
   <input type="text" name="n3" />
   <input type="file" name="files" id="file" style="display: none" multiple/>
   <button>Upload</button>
</form>

我的工作是

我想在使用时上传文件+数据，点击上传按钮.我已经完成了自动文件上传，即在拖放或选择文件后立即上传文件.

I want to upload files+data when use click Upload button. I have done auto file upload i.e. uploading file just after drag drop or selecting file.

但是对于这个我不知道该怎么办.我可以为这种情况提供一些简单的例子吗?

But for this one I have no idea how to do.Can I have some simple example for this kind of cases?

推荐答案

您需要这样的内容:

var sendData= true;  
$('#file').fileupload({
   dataType : 'json',
   autoUpload : false,
   add : function(e,data){
      $("#myForm button").on("click",function(){
          if(sendData){
              data.formData = $("#myForm").serializeArray();              
              sendData = false;
          }

          data.submit();
      });
   },
   done: function(e,data){
       sendData = true;
   }
})

在这里您可以找到有关 formData

here you can find more information about formData

这篇关于jQuery:在表单提交时使用Blueimp File Upload插件上传File + Data的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！