我可以使用HTML5通过单个文件拖放多个文件吗?
Can I drag and drop multiple files, via a single file, using HTML5?
我有一个网页,使用HTML5的拖放API和它的文件API。虽然简单的拖放操作效果很好,但我希望能够拖放包含本地文件路径的文件,并对这些文件进行处理。
例如,假设我有一个名为list.txt的文件。它包含:
- C: ' '用户bob '中
- C: ' '用户bob ' file2.txt 爱丽丝用户
- C: ' ' ' file3.txt
我正在寻找的行为是拖放list.txt到网页上。结果,文件被解析,并且(file1.txt, file2.txt, file3.txt)中列出的每个文件也被"删除",就好像用户手动拖放了每个文件一样。
这可能吗?如果没有,是否有其他方法可以让用户进行批量拖放,而不需要每次手动拖放每个文件?
谢谢
不;这是一个安全特性,以确保您的Javascript只能访问"授予"给它的东西。
No。实现多文件拖放的唯一方法是选择多个文件并将组拖到浏览器中。这只适用于某些浏览器。
您可以通过将多个文件拖放到gmail的附件头中来尝试。
相关文章:
- html5拖放文件-在提交整个表单时上传
- 拖放文件上传无需AJAX,在前台同步
- 为什么这个文件上传拖放不起作用,我完全复制了 CodePen 代码
- Jstree在拖放后将树保存到xml文件中
- 文件上载(拖放)无法工作
- 拖放文件时,dataTransfer.items属性在Firefox和IE中未定义,但在Chrome中未定义
- 上传文件时检测到已取消的拖放操作
- HTML5拖放:使用JavaScript在文本框中加载文本文件
- 将普通表单与文件输入与拖放区相结合
- HTML5拖放文件字段
- 从单独的文件加载拖放区不会加载
- JavaScript/HTML5/jQuery 拖放上传 - “未捕获的类型错误:无法读取未定义的属性'文件
- 使用拖放区将文件直接上传到 Azure Blob 存储(使用 SAS).js
- 当拖放区域中没有文件时禁用“提交”按钮
- 拖放以克隆原始文件
- 使用 nodejs 上传文件,使用拖放区快速和角度
- 我如何通过Chrome扩展模拟文件拖放上传
- 我可以使用HTML5通过单个文件拖放多个文件吗?
- AngularJS文件拖放指令
- Javascript -双文件拖放事件触发