gpt4 book ai didi

javascript - 在 CKEditor 上自动上传图像

转载 作者:行者123 更新时间:2023-12-03 09:18:51 24 4
gpt4 key购买 nike

我需要在使用 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 来注入(inject)可以“click()”适当按钮的 JavaScript 函数。由于我准备构建扩展,因此必须有一种方法可以绕过安全性。任何帮助将不胜感激。

谢谢!

最佳答案

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

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

关于javascript - 在 CKEditor 上自动上传图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31899667/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com