ue/um-editor实现word图片复制
来源:互联网 发布:软件著作权 版权 编辑:程序博客网 时间:2024/04/27 21:38
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的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});}//获得base64function getBase64(blob, callback) { var a = new FileReader(); a.onload = function(e) {callback(e.target.result);}; a.readAsDataURL(blob); };
0 0
- ue/um-editor实现word图片复制
- 实现图片获取ImageLoad和UM配置
- 如何实现EditPlus、UE等工具的列选择,并且将选择的列复制到word中的表格
- UE.Editor使用总结
- vim实现类似UE的查询复制功能
- UE复制粘贴二进制文件
- 简述UM之实现图
- Spring Security 整合 UM Editor遇到的问题
- 从protel复制图片到word
- UEeditor修改绑定内容
- Office Word :word中无法显示复制的图片
- 复制网页至Word时, 如何确保图片复制完全
- UE编辑器图片上传
- UE编辑器:复制粘贴出错
- UEditor 报错:Uncaught ReferenceError: UE is not defined; Uncaught ReferenceError: UM is not defined
- UEditor 报错:Uncaught ReferenceError: UE is not defined; Uncaught ReferenceError: UM is not defined
- asp复制到word实现分页效果
- FCK Editor 从Word文档粘贴的多个图片上传到服务器
- Windows在线图片验证Redis+接口+token+Sign+时间戳 Demo
- java基础学习网络编程之UDP和TCP协议 十四 -3
- C#之装箱与拆箱
- 字符数组与字符串指针的区别
- 个别小学课文被指内容杜撰 人教社否认
- ue/um-editor实现word图片复制
- 字符流中第一个不重复的字符
- tomcat8配置https报错 unknown protocol e,Connection refused
- 挤牛的牛奶
- 提升深度学习模型的表现,你需要这20个技巧
- Linux之V4L2基础编程
- UserGroupInformation Source Code Analysis
- spring boot 学习
- BI大数据名词术语