小编use*_*089的帖子

如何将文件输入的可放置区域扩展到 div 区域?

如何接受文件被拖放到 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" />

html javascript css drag-and-drop file-upload

5
推荐指数
1
解决办法
1871
查看次数

标签 统计

css ×1

drag-and-drop ×1

file-upload ×1

html ×1

javascript ×1