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

Question

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

Answer 1

你不能那样做。

您可以通过以下方式轻松获取文件路径：

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

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

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

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