在CKEditor上自動上傳圖像

Question

我需要在使用CKEditor的網站上上傳圖像。 對於每個圖像，我單擊“圖像”按鈕->“上傳”標簽->“ 選擇文件 ”按鈕->在文件瀏覽器中選擇文件->“發送到服務器”按鈕->等待上傳->“確定”按鈕

除了加粗的步驟外，我幾乎可以通過在控制台中輸入javascript代碼來觸發相應的“點擊”，即，我無法在CKEditor上觸發“ 選擇文件 ”按鈕，即，我無法以編程方式單擊“瀏覽” ”按鈕。 請注意，一旦打開文件瀏覽器（通過手動單擊），我可以使用自動快捷鍵輸入文件地址，然后輸入“ enter”。 或者，我無法使用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以注入可以“單擊（）”適當按鈕的javascript函數。 由於我已經准備好構建擴展程序，因此必須有一種繞過安全性的方法。 任何幫助將不勝感激。

謝謝！

Answer 1

彈出文件選擇器對話框時，您無法使用javascript對其進行控制，並且在輸入type =“ file”中，您也無法設置其值，因為這會帶來安全風險。

您需要移至具有更高權限的環境，才能完全實現所需的功能。