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