ueditorword图片上传

图片的复制无非有两种方法&＃xff0c;一种是图片直接上传到服务器&＃xff0c;另外一种转换成二进制流的base64码
目前限chrome浏览器使用
首先以um-editor的二进制流保存为例&＃xff1a;
打开umeditor.js&＃xff0c;找到UM.plugins[&＃39;autoupload&＃39;]&＃xff0c;然后找到autoUploadHandler方法&＃xff0c;注释掉其中的代码。
加入下面的代码&＃xff1a;

//判断剪贴板的内容是否包含文本

//首先解释一下为什么要判断文本是不是为空

//在ctrl&＃43;c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象

//为了兼容4种格式的情况&＃xff0c;做了如下的判断

//如下代码&＃xff1a;e.originalEvent.clipboardData.items获得剪贴板的内容

//当粘贴了文本之后text是不为空的&＃xff0c;同时也会返回当前文本的图片类型

//如果有文字的话不做任何的处理&＃xff0c;如果只粘贴图片的话文本一定是空的&＃xff0c;包括复制的桌面图片或者截图的图片

var text &＃61; e.originalEvent.clipboardData.getData("text");

if(text &＃61;&＃61; ""){

    var items&＃61;e.originalEvent.clipboardData.items;

     for (var i &＃61; 0, len &＃61; items.length; i

        var item &＃61; items[i];

       if ( item.kind &＃61;&＃61; &＃39;file&＃39; && item.type.indexOf(&＃39;image/&＃39;) !&＃61;&＃61; -1 ) {

              var blob &＃61; item.getAsFile();

              getBase64(blob, function( base64 ) {

              //sendAndInsertImage(base64,me); 上传到服务器

               setBase64Image(base64,me);

              });

              //阻止默认事件, 避免重复添加;

              e.originalEvent.preventDefault();

             };

        }

}

两个方法&＃xff1a;

//执行插入图片的操作

function setBase64Image(base64,editor){

    editor.execCommand(&＃39;insertimage&＃39;, {src: base64,_src: base64});

}

//获得base64

function  getBase64(blob, callback) {

    var a &＃61; new FileReader();

    a.onload &＃61; function(e) {callback(e.target.result);};

    a.readAsDataURL(blob);

};

效果展示&＃xff1a;

详细内容可参考这篇文章&＃xff1a;http://blog.ncmem.com/wordpress/2019/08/07/ueditor-word%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0/