javascript - 使用键盘快捷键将文件上传到 HTML5 页面

Question

我知道可以通过 HTML5 文件 API 使用拖放来上传文件。这也可以通过从文件资源管理器复制文件并使用 CTRL-V/CMD-V 将其粘贴到网页或通过右键单击上下文菜单粘贴来完成吗？

Answer 1

你不能那样做。

你可以很容易地得到文件路径:

$(document).on('paste',function(e){
    var path = e.originalEvent.clipboardData.getData("text");
});​

所以你可以把它展示给用户。

但是你不能自己改变 <input type=file> 的值.

这是一种安全措施:想象一下，如果您的脚本可以在用户提交表单之前更改要上传的文件的路径(或者甚至不需要用户交互，现在可以使用其他表单元素)？对于每一项重要的安全保护，现代浏览器都没有已知的“解决方法”。