小程序实现图片的放大预览
生活随笔
收集整理的這篇文章主要介紹了
小程序实现图片的放大预览
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.項目需要,需要實現服務器下發的圖片放大預覽;
2.我參考別人的,主要是調整參數變量 https://www.jb51.net/article/127427.htm
3.我自己的,是寫死的。
var imgList = this.data.photorouters[0];//從后臺獲取的圖片地址數組,寫死
//圖片點擊事件
imgYu: function (event) {
var src = event.currentTarget.dataset.src;//獲取data-src
console.log(src);
var imgList = this.data.photorouters[0];//從后臺獲取的圖片地址數組,寫死
//var imgList = event.currentTarget.dataset.list;//獲取data-list
console.log(imgList);
//圖片預覽
wx.previewImage({
current: src, // 當前顯示圖片的http鏈接
urls: imgList // 需要預覽的圖片http鏈接列表
})
}
總結
以上是生活随笔為你收集整理的小程序实现图片的放大预览的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 城市如何建设应急联动指挥调度系统?
- 下一篇: 微信小程序view标签内容 文本过长,自