2016-04-14 112 views
1

我在'inline'模式下使用CKeditor版本4.5.8(所以直接使用'contenteditable'html屬性的內容)。這一切都很好,除了一件事。我添加了'Image upload'插件,以添加支持在編輯器中拖放圖像時上傳圖像。這一切都很好,除了我無法工作的一件事: 在編輯器中放置圖像時,應該有一個「上傳」進度條(在Chrome和Firefox中測試)。但是,我幾乎直接看到消息「上傳完成」。但是,那個時候上傳並沒有完成(我已經添加了一個調試器斷點,我的代碼確保是這種情況),並且'成功'響應尚未收到(我在開發人員工具中將其視爲「待定」 '網絡標籤')。但是,當我通過Chrome開發工具「節流」連接時,我確實看到了一個進度條,但它沒有顯示上傳進度,而是某人的瀏覽器的「內部進度」?見截圖: chrome devtoolsCKeditor:上傳圖片插件'上傳狀態'不正確

任何想法如何解決這個問題?

+0

具有相同的問題。你的問題解決了嗎? –

+0

@GiteshPurbia不幸我沒有時間檢查這是否是修復。我認爲這將需要幾個星期,直到我繼續發展.. – NickGreen

+0

我的問題解決了。請參閱接受的答案(以及該答案下的評論)以獲得解釋。 – NickGreen

回答

2

CKEditor 4提供的進度取自XHR2進度事件。請注意,當上傳立即生效時,它可能無法在本地主機上正常工作。此外,我看到您的圖像取自緩存(網絡調試器第5列中的「來自緩存」)。嘗試禁用緩存並檢查是否有幫助。

另外我看到你旁邊的箭頭data:image/jpeg。 CKEditor在上載圖像之前,將它們作爲BASE 64數據本地加載,以向用戶顯示預覽。然後這些圖像被上傳並且圖像的來源被替換。這些數據不是真正的網絡數據,它是本地加載的JavaScript內容。

+0

我在本地主機上測試它。我會盡快在服務器上嘗試一下,檢查這是否是問題所在! – NickGreen

+0

終於有時間來測試它。情況如此:在部署到外部服務器之後,進度欄按預期工作。謝謝! – NickGreen