jquery - jQuery ajaxForm 触发文件上传到文件拖放到 div

Question

我使用 jquery 表单插件进行 ajax 文件上传，如下所示：

  <form enctype="multipart/form-data" action="upload.php" id="form" method="post">
    <input type="file" name="upfile" size="44" />
    <input name="submit" type="submit" id="upload" value="Upload" enabled>
  </form>

接下来这个魔法使它起作用：

// ... lots of option for begin, progress, complete events ...
$("#form").ajaxForm(options);

现在的问题，我想使用 onDrop 事件来处理文件上传，我到目前为止：

dz.addEventListener('drop', function(e){
  FileDropHandler(e); // to prevent file download
  $('#dropzone').removeClass('over');

  var files = event.dataTransfer.files;
  alert(JSON.stringify(files[0]));

}, false);

那么现在，我如何告诉 ajaxForm 使用删除的文件进行上传？

Answer 1

文件拖放后，保存变量files，以便以后可以访问ajaxSubmit。然后只需将其作为额外数据发送

$(this).ajaxSubmit({
    data: {files:files}
})