0
点赞
收藏
分享

微信扫一扫

小程序富文本图片放大功能

眼君 2022-04-17 阅读 54
// 富文本图片放大
function richImg(txt) {//txt 指的是接口返回的富文本
  // 主要代码
  let imgarr = [];
  let regex = new RegExp(/<img.*?(?:>|\/>)/gi); // 匹配所有图片
  let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配src图片
  let arrsImg = txt.match(regex); // obj.info 后台返回的富文本数据
  for (let i = 0; i < arrsImg.length; i++) {
    let srcs = arrsImg[i].match(srcReg);
    imgarr.push(srcs[1])
  }
  return imgarr  //把富文本里的图片返回
}

//在富文本上添加点击事件
catchImage(e){
    console.log(this.data.imgarr);
    wx.previewImage({
      current: this.data.imgarr[0], // 当前显示图片的http链接
      urls: this.data.imgarr // 需要预览的图片http链接列表
    })
  },
举报

相关推荐

0 条评论