首页 > 解决方案 > onDrop 提交带有文件的表单(不使用 Ajax)

问题描述

这可能是环境的限制,但我想要做的是删除一个文件,然后让它将文件直接发布到服务器 PHP(无 Ajax)......但是 $_FILES 变量没有正确填充......方法:当放置发生时,文件对象被获取并附加到提交的表单......这通常是使用并附加到Ajax完成的,但这会创建一个我不想要或不需要的额外过程......

function uploadFile(e) {

  file_obj = e.dataTransfer.files[0];

  uploadForm = document.getElementById("upload_form");

  // Add the input to the form
  uploadForm.append('file', file_obj);

  // Add the form to dom
  document.body.appendChild(uploadForm);

  // Just submit
  uploadForm.submit();


}
<form action="upload.php" id="upload_form" enctype="multipart/form-data" method="post">
<div id="drop_file_zone" ondrop="uploadFile(event)" ondragover="return false">
   <p>Drop file here</p>
   <input name="" type="submit">     
</div>
</form>

标签: javascriptdragdrop

解决方案


推荐阅读