Summernote エディタに直接コピーした画像のアップロードと表示の問題

Question

画像ボタンを使用せずに、Summernote エディタに直接コピーした画像をアップロードするのに問題があります。問題の概要とこれまでに行った手順を次に示します:

1. Summernote を Web アプリケーションに統合し、貼り付け機能を有効にして、ユーザーが画像をコピーしてエディタに直接貼り付けることができるようにしました。

2. 画像を貼り付けると、エディターに不明な画像として表示されます。

3. しかし、AJAX を使用して画像をアップロードし、サーバーに保存した場合、サーバーから画像を取得して Summernote エディターで表示しようとすると、画像が正しく表示されません。代わりに、不明な画像または文字化けしたファイルとして表示されます。このような：＃＃＃

コードの詳細は次のとおりです:

"index.html":

リーリー

「エディターアップロード.php:」

リーリー

この問題の解決方法についてご指導またはアドバイスをいただければ幸いです。

Answer 1

次の変更を加えて問題を解決しました:

• 「editor-upload.php」ファイルを置き換えました $_SERVER['REQUEST_SCHEME'] と $_SERVER['HTTP_HOST'] 画像の URL を正しく構築してください。

• JavaScript コードを次のように変更しました:

  リーリー

• 画像のアップロードを処理するために JavaScript コードを更新しました サマーノートエディター。画像が呼び出されると、sendFile 関数が呼び出されます。 アップロード後、AJAX を使用してファイルをサーバーに送信します。応答 次に、画像 URL を含むサーバーからのコンテンツを insertImage メソッドを使用するエディター。

• FTP ファイルの関連付けに問題があり、画像が テキストエディタで開きます。この問題を解決するために、ファイルを調整しました FileZilla の関連付け設定で画像ファイルをリンクする 画像ビューアまたは適切なアプリケーション。

これらの変更により、Summernote エディタに直接コピーした画像を正常にアップロードして表示できるようになりました。