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)
  }

親測有效,缺陷是不能按照點擊圖片的順序進行預覽,不過小程序這個組件目前不支持圖片預覽,客戶需要點擊放大和保存圖片,只能這樣先實現功能了,如果大佬們有其他更好的辦法歡迎提供。

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