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,
上一篇下一篇

猜你喜欢

热点阅读