wx.previewImage 真机图片预览
发布于 5 年前 作者 umao 1893 次浏览 来自 问答

使用 wx.previewImage api 真机预览图片一直处于加载中

data: {

    // 图片展示集合

    imgList: [

        ‘https://www.gonghuikeji.com/images/index/index-case-01.jpg,

        ‘https://www.gonghuikeji.com/images/index/index-case-02.jpg,

        ‘https://www.gonghuikeji.com/images/index/index-case-03.jpg

    ],

},

<image wx:key="{{item}}" wx:for="{{imgList}}" bindtap=“imgYu” data-src="{{item}}" mode=“center” src="{{item}}"></image>

imgYu: function (e) {

    var src = e.currentTarget.dataset.src;//获取data-src

    //图片预览

    wx.previewImage({

        current: src, // 当前显示图片的http链接

        urls: this.data.imgList // 需要预览的图片http链接列表

    })

},

回到顶部