3

次のような ajax ファイルのアップロードに jquery フォーム プラグインを使用します。

  <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 に指示するにはどうすればよいでしょうか。

4

1 に答える 1

0

ファイルをドラッグ アンド ドロップした後、変数を保存して、後でfilesアクセスできるようにしますajaxSubmit。次に、それを追加データとして送信するだけです

$(this).ajaxSubmit({
    data: {files:files}
})
于 2015-04-18T05:22:25.047 に答える