点击登录
  • 欢迎访问本站,如果您觉得本站非常有看点,那么赶紧按下Ctrl+D 收藏本站吧!
  • 淘宝天猫优惠券网站新版已上线,传送门:http://gouerfei.com
  • 由于网信办规定评论需要实名认证,本站关闭了所有文章的评论功能,有问题请直接联系博主点击这里给我发消息

element-admin Tinymce富文本编辑器的图片上传

源码分享 lihaojie 309次浏览 已收录 扫描二维码

element-admin Tinymce富文本编辑器的图片上传

 

官方给的例子一直没有跟后端调通,所以写了一个原生上传,亲测可用。

images_upload_handler(blobInfo, success, failure, progress) {
          progress(0)
          const url = process.env.VUE_APP_UPLOAD_API
          const formData = new FormData()
          formData.append('token', getToken())
          formData.append('file', blobInfo.blob())
          
          var xhr = new XMLHttpRequest()
          xhr.open('POST', url, true)
          xhr.send(formData)
          xhr.onload = () => {
            if (xhr.status === 200) {
              var res = JSON.parse(xhr.responseText)
              console.log(res.data)
              if (res.code === 20000) {
                success(res.data)
              }
            }
          }
          
        }

process.env.VUE_APP_UPLOAD_API 是在全局设置的上传接口,可以换成自己的上传接口


李豪杰 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明来源!

element-admin Tinymce富文本编辑器的图片上传
喜欢 (28)
[收款码三合一]
分享 (0)
lihaojie
关于作者:
一个在网络上行走的小学生。。。