2016-04-14 16 views
1

CKeditorバージョン4.5.8を 'インライン'モードで使用しています(つまり、 'contenteditable' html属性を持つコンテンツに直接)。これは、1つのことを除いてすべて正常に動作します。私は 'Image upload'プラグインを追加して、エディタでドラッグアンドドロップしながら画像をアップロードするサポートを追加しました。これはすべてうまくいきますが、私が働くことができない1つのことを除けば、 画像をエディタにドロップするときに、プログレスバーをアップロードする必要があります(ChromeとFirefoxでテスト済み)。しかし、代わりに私はほとんどの場合、「Upload complete」というメッセージを直接見ることができます。しかし、その時点ではアップロードが完了していません(これを保証するために私は自分のコードをデバッガのブレークポイントに追加しました)。また、 'success'レスポンスはまだ受信されていません(デベロッパーツール'ネットワークタブ')。CKeditor:画像アップロードプラグイン 'アップロードステータス'が正しくありません

Chrome Devツールを使用して接続を「スロットル」すると、プログレスバーが表示されますが、アップロードの進行状況は表示されませんが、ブラウザの「内部進行」が表示されますか?スクリーンショットを参照してください: chrome devtools

これを修正する方法はありますか?

+0

。あなたの問題は解決されていますか? –

+0

@GiteshPurbia unfortunatlyこれが修正版であるかどうかを確認する時間がありません。私は開発を進めるまで数週間かかるだろうと思う。 – NickGreen

+0

私の問題は解決される。説明については、受け入れられた回答(およびこの回答の下のコメント)を参照してください。 – NickGreen

答えて

2

進捗状況CKEditor 4の提供は、XHR2進捗イベントから取得されます。アップロードがすぐに機能するときは、ローカルホスト上で正しく動作しない場合があります。また、あなたの画像がキャッシュから取られているのがわかります(Network Debuggerの第5列の "キャッシュから")。キャッシュを無効にしてチェックしてみてください。

さらに、矢印はdata:image/jpegの横に表示されています。 CKEditorは、画像をアップロードする前に、BASE 64データとしてローカルに読み込んで、プレビューを表示します。次に、これらの画像がアップロードされ、画像のソースが置き換えられます。これらのデータは実際のネットワークデータではなく、ローカルにロードされたコンテンツJavaScriptです。同じ問題を有する

+0

私はlocalhostでテストしていました。これが問題であるかどうかを確認するために、サーバー上でそれを試してみましょう! – NickGreen

+0

最後にそれをテストする時間がありました。これは、外部サーバーに展開した後、プログレスバーが期待どおりに機能した場合です。ありがとう! – NickGreen

関連する問題