rich-text组件不支持预览图片,曲线救国方式

 <rich-text nodes="{{htmlVal}}" bindtap="test"></rich-text>
 test:function(e){
    let that=this
    console.log("e", this.data.htmlVal)
    let arr=[];
    //let reg = /(?<=(src="))[^"]*?(?=")/ig
    发现一个Bug小程序js打包后不支持原生js双斜杠的方式,所以替换一下
    let reg = new RegExp('(?<=(src="))[^ "]*?(?=")','ig')
    let allSrc = that.data.htmlVal.match(reg)
    for (let i = 0; i<allSrc.length;i++){
      console.log("e000", allSrc[i])
      arr.push(allSrc[i])
      that.setData({
        imageArray:arr
      })
    }
    setTimeout(function(){
      wx.previewImage({
        current: that.data.imageArray, // 当前显示图片的http链接   
        urls: that.data.imageArray // 需要预览的图片http链接列表   
      }) 
    },500)
  }

亲测有效,缺陷是不能按照点击图片的顺序进行预览,不过小程序这个组件目前不支持图片预览,客户需要点击放大和保存图片,只能这样先实现功能了,如果大佬们有其他更好的办法欢迎提供。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章