在 CKEditor 上自动上传图片

Question

我需要在使用 CKEditor 的网站上上传图片。对于每个图像，我单击“图像”按钮->“上传”选项卡->“选择文件”按钮->在文件浏览器中选择文件->“发送到服务器”按钮->等待上传 -> “确定”按钮

我几乎可以通过在控制台中输入javascript代码来触发适当的“点击”，除了粗体步骤，即我无法触发CKEditor上的“选择文件”按钮，即我无法以编程方式单击“浏览”按钮。请注意，一旦打开文件浏览器（通过手动单击），我可以使用自动热键输入文件的地址，然后按“输入”。 或者，我无法使用 javascript（跳过文件打开对话框）设置图像上传路径，这是一个安全风险，但我需要绕过它，至少通过使用我自己的插件/扩展。 请帮我触发文件浏览器或直接将图像路径设置为输入。

这里是 CKEditor 的演示：http://ckeditor.com/demo

到目前为止，我可以追随。

//click image button
document.getElementsByClassName("cke_button__image")[0].click();

// click "upload" tab
document.getElementsByClassName("cke_dialog_tab")[2].click();

//Need to either trigger "choose file" dialog box or otherwise assign "C:\temp.png" to input

//Click "send to server" button
document.getElementsByClassName("cke_dialog_ui_button")[4].click();

//Need to wait, and then click "OK" button
document.getElementsByClassName("cke_dialog_ui_button")[6].click();

更多信息：我正在编写 chrome-extension 来注入可以“click()”适当按钮的 javascript 函数。由于我已准备好构建扩展，因此必须有一种绕过安全性的方法。任何帮助将不胜感激。

谢谢！

Answer 1

当文件选择器对话框弹出时，您无法使用 javascript 对其进行控制，并且在输入 type="file" 中您也无法设置其值，因为这会带来安全风险。

您需要迁移到具有更高权限的环境才能完全实现您想要的。