美文网首页
CKEditor 4.6 粘贴图片 转换为Base64

CKEditor 4.6 粘贴图片 转换为Base64

作者: Yangwenliu | 来源:发表于2021-02-04 11:13 被阅读0次

    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,
    

    相关文章

      网友评论

          本文标题:CKEditor 4.6 粘贴图片 转换为Base64

          本文链接:https://www.haomeiwen.com/subject/jyqbtltx.html