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