FCKEditorは単語画像の自動転送を実現します

Chrome + IE はデフォルトでクリップボードへの画像の貼り付けをサポートしていますが、公開する記事はWordに保存されており、数十枚の画像が含まれています。1つずつコピーすることはできませんか?
Chromeの高バージョンは、単一の画像をBASE64文字列に変換する機能を提供します。ただし、複数の画像を処理することはできません。また、BASE64に変換後、コンテンツとしてまとめてサーバーに送信するため、別のサーバーに個別に保存することはできません。個別に保存する必要がある場合は、自分で処理する必要があります。ちょっと難しい。


WordまたはWPSドキュメントを開き、コンテンツをコピーしてリッチテキストエディターに直接貼り付けます。エディターは自動的に画像をバッチでサーバーにアップロードします。ドキュメント内の画像の数に関係なく、エディターはそれらをすべて自動的にアップロードします。 1つずつ手動で処理します。同時に、指定したインターフェイスに画像をアップロードできます。サーバーは、クラウドストレージや分散ストレージなどのストレージサーバーに個別に画像を保存し、最後にコンテンツを直接公開する必要があります。
 

 

これはUeditor自体がサポートしていないため非常に難しいようで、貼り付けた後は空白になります。

では、UMeditorを試してみましょう。Chromeはローカルパスしか取得できず、ファイルを読み取ることができません。

https://ueditor.baidu.com/website/umeditor.html(興味があれば、試すことができます)

 

 

このように失敗しただけですか?

いいえ、ただしUMeditorが実際に複数の画像の貼り付けを実際にサポートしていること偶然に発見しました(IE11 のみをサポートし、IE10以下はサポートしていません。Chromeなど)。

HTMLを切り替えると、画像がbase64に整理されます。 

 

いいですね、チャンスはここにあります。IEは複数の画像を直接コピーしてbase64を直接貼り付けることができるため、base64ができたので、画像をアップロードして転送できます!

それでは、UeditorをIE11をサポートするように変換しましょう(役に立たないよりはましです)

ueditor.all.jsを開きます(バージョン1.4.3より下の行番号は、使用しているバージョンによって異なる場合があります)

1. 行14679をコメント化します(どのような悪影響があるかは一時的に不明確です)

// デフォルトの処理を実行します

//me.filterInputRule(root);

2. 28725行目に次のコードを挿入します(IE11に貼り付ける場合は、base64を取得します。最初にプレースホルダーを使用してプレースホルダーを作成し、次にbase64をBlobファイルに1つずつアップロードします。アップロード後、サーバー属性としてimg属性とsrcに置き換えます。 url)

 

サーバーアップロードコード

 

処理が終わったら、すべての画像を単語単位で一括してアップロードすると非常に便利です。一度にアップロードできる画像の数に関係なく。この機能は本当に便利で、コンテンツエディターの効率を大幅に向上させます。以前は1日に1つの記事しか発行できませんでしたが、現在は100の記事を発行できるため、効率は100倍に向上します。

 

写真がアップロードされ、サーバーに保存されます。また、アップロードインターフェイスアドレスを指定することもできます。私たちのビジネスは別のクラウドストレージサーバーに画像を保存することです。

 

3 、処理ueditor提供のuploadimage メソッド

顧客はそれを半年間使用しました、問題ありません、非常に便利で非常に便利な機能

ディスカッショングループ:223813913

 

おすすめ

転載: blog.csdn.net/weixin_45525177/article/details/108529267