Javascript 使用键盘快捷键将文件上载到HTML5页面

Javascript 使用键盘快捷键将文件上载到HTML5页面,javascript,html,Javascript,Html,我知道可以通过HTML5文件API使用拖放上传文件。也可以通过从文件资源管理器复制文件并使用CTRL-V/CMD-V将其粘贴到网页中,或者通过右键单击上下文菜单粘贴来完成此操作吗?您不能这样做 您可以通过以下方式轻松获取文件路径: $(document).on('paste',function(e){ var path = e.originalEvent.clipboardData.getData("text"); });​ 因此,您可以向用户显示它 但是您不能更改的值 这是一种安全措

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

您不能这样做

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

$(document).on('paste',function(e){
    var path = e.originalEvent.clipboardData.getData("text");
});​
因此,您可以向用户显示它

但是您不能更改
的值


这是一种安全措施:想象一下,如果您的脚本能够在用户提交表单之前更改要上载的文件的路径(或者甚至没有用户交互,就像现在可能与其他表单元素交互一样)?对于每一种重要的安全保护,现代浏览器都没有已知的“变通方法”。

使用HTML5拖放API和文件API,您可以获得客户端文件的内容。这里的教程:我想知道我是否可以用同样的方法从剪贴板中获取内容。我阅读的所有文档似乎都表明,这只能在拖放操作中被允许(使用DataTransfer.effectAllowed),但我不是100%确定。资料来源: