【js + ckeditor】插入base64格式的图片

一、需求说明

直接把图片转成base64插入到富文本

二、需求分析

1、富文本图片格式处理位置

在ckeidtor的目录下有个plugins文件夹，在plugins下新建一个文件夹（自己命名，如simpleupload），进入simpleupload文件夹，再新建一个plugins.js文件，对应编写js代码。

2、将图片转为base64

通过调用 FileReader 对象的 readAsDataURL 方法可以将文件读取成一个data URL，再通过这个 data URL 来获取 Base64字符串。

 三、解决办法

plugins.js文件全部代码如下：

(function () {
    // 保存图片方式：选择图片以base64编码保存
  var a = {
    exec: function (editor) {
      // 此处定义点击按钮时的行为
      var $file = document.createElement("input");
      $file.type = "file";
      $file.accept = ".jpg,.png,.jpeg";
      // $file.multiple = "multiple";//选择图片时，可以多选
      $file.click();
      $file.addEventListener("change", fu