javascript - 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>
解决方案
推荐阅读
- kubernetes - 使用应用程序负载均衡器 | 舵图 | AWS
- c - 使用带参数的 perror
- python-3.6 - Django 2.0 到 2.2 升级 centos7
- database - 如何按计数或等式过滤(Azure)Edm.String 集合?
- node.js - nodejs electronjs sqlite3 - 使用未声明的标识符'napi_is_detached_arraybuffer'
- python-3.x - 使用多个外键返回 sqlalchemy.exc.AmbiguousForeignKeysError
- reason - 我将如何编写一个通用函数来处理 ReScript 中的多种记录类型?
- php - centos7_aarch64下编译安装php7.4时出错
- java - 使用 switch 语句将随机数转换为字符串
- mongodb - 当我将网络访问更改为任何 IP 地址甚至包括我自己的 IP 地址时,为什么会出现错误?