CKEditor 4.6 粘贴图片 转换为Base64
2021-02-04 本文已影响0人
Yangwenliu
CKEditor 4.6 使用备忘
// 初始化函数
on: {
// 粘贴 事件
paste: function(ev) {
let items = ev.data.dataTransfer._.files;
for (var i = 0; i < items.length; ++i) {//循环该数据并只获取类型为image/png格式的数据
var item = items[i];
if (item.type == 'image/png') {
var reader = new FileReader();
reader.readAsDataURL(item);//转化为base64格式
reader.onload = function (e) {//在控件中插入该图片
var img = new Image();
img.src = this.result;
img.onload = function (e1) {
CKEDITOR.instances["xxx"].insertHtml('<img width="' + img.width + '" height="' + img.height + '" src="' + img.src + '" alt="" />');
}
}
}
}
}
},
以下为粘贴上传 配置
extraPlugins: 'imagepaste,uploadimage,image',
uploadUrl: windowConfig.web.uploadUrl,