如何接受文件被拖放到 div 上,就像它们被拖到目标文件输入元素上一样?
这仅适用于<input type="file" />:
<form method="post" enctype="multipart/form-data" id="frm_upload">
<input type="file" name="input_upload">
<div id="div_upload">Drag & Drop here</div>
</form>
$(':file').change(function(){
var file = this.files[0];
var formData = new FormData($('frm_upload')[0]);
formData.append('input_upload', file);
$.ajax({
url: base_url,
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
dataType: 'JSON',
success: sucessBinder
});
});
Run Code Online (Sandbox Code Playgroud)
是否可以不使用ajax自动将拖动的文件绑定到<input type="file" />?