发布时间:2022-10-05 08:01:07 源自:佚名 阅读(20)
复制图片有两种方式,一种是直接上传图片到服务器,另一种是转换成二进制流的base64码
目前仅限于chrome浏览器
首先以um-editor的二进制流保存为例:
打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,把里面的代码注释掉。
添加以下代码:
//判断剪贴板内容是否包含文本
//先解释一下为什么需要判断文本是否为空
//在ctrl+c word中的文字或图片之后,会返回1(image/png)或4种(text/plain、text/html、text/rtf、image/png)类型的对象
//为了兼容4种格式,做如下判断
//如下代码:e.originalEvent.clipboardData.items 获取剪贴板的内容
//粘贴文本时,文本不为空,同时返回当前文本的图片类型
//如果有文字,不做任何处理,如果只是粘贴图片,文字必须为空,包括复制的桌面图片或者图片的截图
var text = e.originalEvent.clipboardData.getData("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完美世界魔痕代码文件夹完美世界魔痕代码文件夹,函数(base64){
//sendAndInsertImage(base64,me); 上传到服务器
setBase64Image(base64,me);
});
// 防止默认事件,避免重复添加;
e.originalEvent.preventDefault();
};
}
}
两种方法:
//执行插入图片的操作
函数 setBase64Image(base64,editor){
editor.execCommand('insertimage', {src: base64,_src: base64});
}
//获取base64
函数getBase64(blob,回调){
var a = new FileReader();
a.onload = function(e) {callback(e.target.result);};
a.readAsDataURL(blob);
};
显示结果:
详细请参考这篇文章:ueditor文字图片上传
讨论组:223813913
上一篇: 为什么三国志系列古将没有孙武?
网站地图 © 2020 - 看开服 蜀ICP备2022016416号-4 免责声明
完美国际私服是中国第一开服网,全年365天保持不间断更新,您可以在这里获得专业的完美私服信息,完善的新完美世界私服网游戏攻略专区,是玩家首选的网络游戏资讯门户网站。
所有作品版权归原创作者所有,与本站立场无关,如不慎侵犯了你的权益,请联系(搜搜搜完美国际私服-www.ssswm.com)告知,我们将做删除处理!