tinymce富文本編輯器如何實現上傳圖片

在項目中，前端會經常使用tinymce富文本編輯器插件，編輯器有上傳圖片的功能，而對於上傳的這個圖片的處理，有兩種方式：

編輯器中有一個images_upload_handler方法，上傳圖片會觸發該事件，該事件有3個參數，分別是上傳圖片的文件內容、上傳成功的success處理方法、上傳失敗的failure處理方法。

方式一：上傳圖片時將文件流給后端，后端返回附件地址

images_upload_handler: (blobInfo, success, failure) => {
          let fd = new FormData();
          fd.append("file", blobInfo.blob());
          // 調接口，上傳圖片
          api.uploadImg(fd).then(response => {
　　　// 后端接口返回上傳圖片的訪問地址
             let result = `${location.origin}/${response}`
　　　// 編輯器的上傳圖片內容被處理為<img src="success方法里面的參數" />
          　success(result)
          })
        }

方式二：上傳圖片時前端讀取文件，轉為base64格式，放在img的src中，不需要通過后端

images_upload_handler: (blobInfo, success, failure) => {
          let base64 = "data:image/png;base64," + blobInfo.base64();
　　　//編輯器的上傳圖片內容被處理為<img src="success方法里面的參數" />
          success(base64);
  }