画像をコピーする方法は2つまでです。1つは画像をサーバーに直接アップロードする方法、もう1つはbase64コードをバイナリストリームに変換する方法です。現在
はChromeブラウザーに限定されています。
まず、um-editorのバイナリストリームを例に挙げます:
umeditor.jsを開く、UM.plugins ['autoupload']を見つけ、autoUploadHandlerメソッドを見つけて、コードをコメント化します。
次のコードを追加します。
//クリップボードのコンテンツにテキストが含まれているかどうかを判断します
//まず、テキストが空かどうかを判断する必要がある理由を説明します
// ctrl + cワードのテキストまたは画像の後に、1(image / png)または4タイプ(text / plain、text / html、text / rtf、image / png)タイプのオブジェクトが返されます
// 4つのフォーマットに対応するため、以下の判断をします
//次のコード:e.originalEvent.clipboardData.itemsはクリップボードの内容を取得します
//テキストが貼り付けられると、テキストは空ではなく、現在のテキストの画像タイプも返されます
//テキストがある場合は何もしないでください。画像のみを貼り付ける場合は、コピーしたデスクトップ画像またはスクリーンショット画像を含め、テキストは空である必要があります
var text = e.originalEvent.clipboardData.getData( "text");
if(text == ""){
var items = e.originalEvent.clipboardData.items;
for(var i = 0、len = items.length; i <len; i ++){
var item = items [i];
if(item.kind == 'file' && item.type.indexOf( 'image /')!== -1){
var blob = item.getAsFile();
getBase64(blob、function(base64){
// sendAndInsertImage(base64、me);サーバーにアップロード
setBase64Image(base64、me);
});
//デフォルトのイベントを防ぎ、繰り返しの追加を避けます。
e.originalEvent.preventDefault();
};
}
}
2つの方法:
//画像を挿入する操作を実行します
function setBase64Image(base64、editor){
editor.execCommand( 'insertimage'、{src:base64、_src:base64});
}
// base64を取得
function getBase64(blob、callback){
var a = new FileReader();
a.onload = function(e){callback(e.target.result);};
a.readAsDataURL(blob);
};
エフェクト表示:詳細について
は、次の記事を参照してください:http : //blog.ncmem.com/wordpress/2019/08/07/ueditor-word%e5%9b%be%e7%89%87%e4%b8%8a %e4%bc%a0 /
ディスカッショングループ:223813913