wx.previewImage缩略图和原图链接不同时,点击任意缩略图都从第一张原图打开?
发布于 5 年前 作者 linli 10602 次浏览 来自 官方Issues

在微信网页开发时,使用wx.previewImage接口进行图片的查看,因为考虑到服务器流量负载,因此页面先加载缩略图,用户点击缩略图之后再加载大图查看,代码如下

$('.info-album').on('click','img',function(){
            var src = 'https://xxx.com' + $(this).attr('src');
            var imgs = $(this).closest('.info-album').find('img');
            var list = new Array();
            for (var i = 0; i < imgs.length; i++) {
                list.push('https://xxx.com' + $(imgs[i]).attr('src').replace('_thumb', ''));
            }
            wx.previewImage({
                current: src, // 当前显示图片的http链接
                urls: list // 需要预览的图片http链接列表
            });
        });

缩略图是带有_thumb的jpg文件,原图是去掉_thumb的jpg文件

当不使用缩略图,将current和urls的图片地址相同时,可以做到点击任意图片,都能打开原图

但是当使用缩略图时,点击任何图片,都会从第一张原图开始进行加载,实在是很烦。

请问这是个bug么?还是我没有正确调用?有人知道怎么解决么?谢啦!

1 回复

current的图片链接是带_thumb的,urls里的都是不带的,那current在urls里都找不到,当然预览第一张了,应该要把current的_thumb也替换掉

回到顶部