得到 wangEditor 里的要上传的图片文件

别总让我自己赞我自己好不嘞

在创建对象的时候重写他的editor.customConfig.customUploadImg = function (files, insert)方法

files 图片文件
insert(url) 把图片放到哪个文本域上的方法,需要传进去文件地址

官网没写怎么得到他地址的方法,我也不知道为啥,可能我还年少无知,发量还行。。。。扯远了

我知道的一个方法可以得到且试过有效

var objectURL = URL.createObjectURL(files[0]);

这个可以得到或者是造一个file文件的地址,想了解的好好查查去

files[0]才是文件

废话不多说上代码

  mounted() {
  。。。。。(ps:‘。’是省略的一些代码意思啊。。。。)
    const editor = new WangEditor(this.$refs.editor)
   。。。。。
    editor.customConfig.customUploadImg = function (files, insert) {
    // files 是 input 中选中的文件列表
    // insert 是获取图片 url 后,插入到编辑器的方法
    console.log(files,insert);
   
    var objectURL = URL.createObjectURL(files[0]);
    
    // 上传代码返回结果之后,将图片插入到编辑器中
    insert(objectURL)
    }
  }
  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值