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

Upload file to HTML5 page using keyboard shortcuts

本文关键字：HTML5 页面 文件 键盘 快捷键      更新时间：2023-09-26

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

你不能那样做。

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

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

因此，您可以将其显示给用户。

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

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

相关文章：