tinymce上传本地图片

tinymce默认的上传图片是网络图片地址,记录下上传本地图片的方法
在tinymce init的时候加入一下方法即可

      images_upload_handler: async function (blobInfo, success, failure) {
          const maxSize = 10
          const blob = blobInfo.blob()
          if (blob.size / 1024 / 1024 > maxSize) {
            failure('图片大小不能超过' + maxSize + 'MB')
            return
          }
          const file = new File([blob], blob.name, { type: blob.type })
          const obj = {
            name: file.name,
            file: file,
            size: file.size,
            type: file.type
          }
          //  自定义上传的方法 
          const result = await uploadFile(obj).catch(err => {
            console.log(err, 'err')
            failure('上传失败,请重试')
          })
          // 需要定义成功和失败的回调方法
          if (result.url) {
            success(result.url)
          } else {
            failure('上传失败,请重试')
          }
        },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容