​

圖片的複製無非有兩種方法，一種是圖片直接上傳到伺服器，另外一種轉換成二進位制流的base64碼
目前限chrome瀏覽器使用
首先以um-editor的二進位制流儲存為例：
開啟umeditor.js，找到UM.plugins['autoupload']，然後找到autoUploadHandler方法，註釋掉其中的程式碼。
加入下面的程式碼：

//判斷剪貼簿的內容是否包含文字

//首先解釋一下為什麼要判斷文字是不是為空

//在ctrl+c word中的文字或者圖片之後會返回1種(image/png)或者4種type(text/plain,text/html,text/rtf,image/png)型別的物件

//為了相容4種格式的情況，做了如下的判斷

//如下程式碼：e.originalEvent.clipboardData.items獲得剪貼簿的內容

//當貼上了文字之後text是不為空的，同時也會返回當前文字的圖片型別

//如果有文字的話不做任何的處理，如果只貼上圖片的話文字一定是空的，包括複製的桌面圖片或者截圖的圖片

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();

};

}

}

兩個方法：

//執行插入圖片的操作

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

​