javascript - 仅通过 Javascript 触发文件上传

Question

我想编写一个浏览器插件，自动在页面上上传文件。所以这将用纯 Javascript 完成。

这是我所知道的:

1. 文件上传输入的input#someId

2. 计算机中的文件名和位置

我现在正在尝试在控制台中“硬编码”作为“概念证明”，但我无法让它工作。

我尝试过这两种方法:

1. inputElement.click() 因为 inputElement 是该输入的 querySelector。

2. 使用 what's the equivalent of jquery's 'trigger' method without jquery? 中的 initMouseEvent但给了我错误 Uncaught TypeError: Cannot read property 'dispatchEvent' of null

所以我的问题是:

1. 如何触发文件上传元素的点击输入？

2. 更好:如何完整地处理上传？基本上传递文件名+位置以开始上传(就像当用户单击“确定”从对话框中打开文件时)

更新1:

我正在读这篇文章http://www.thecssninja.com/javascript/fileapi也许无法从文件系统上传文件。这些替代方案怎么样:

1. 我们可以从 url (http) 获取文件

2. 该文件只是图像，位于 Javascript 内存中 (base64)

以上任何一项只要能自动上传并绕过对话框并通过本地文件系统搜索文件就应该没问题。我在想如果图像 DOM 甚至 Canvas 可以直接拖动怎么办？

Answer 1

正如人们评论的那样，你不能这样做。出于安全原因，您绝对无权以编程方式填充文件输入。想想看，有些家伙可以添加一个简单的脚本来窃取您计算机中的文件，而您甚至不知道!

据我所知，这是不可能的。