收藏
回答

wx.previewImage预览图片有时候出现黑屏

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug wx.previewImage 客户端 7.0.3 2.6.4

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


请在小程序【分类】服务页面上架正式内容或商品后重新提交审核  

小程序使用wx.previewImage预览图片时,有时候会出现 黑屏的情况,但是再试几次预览的话就有时会出现黑屏的情况,有没有大神可以解决我的问题(大哭)

图片使用的是网络地址,为jpg格式的,可是就是有时候会出现这种情况,但有时又没有(求解啊)



回答关注问题邀请回答
收藏

3 个回答

  • eagle
    eagle
    2020-07-12

    http://www.iooe.cn/index.php/2019/05/08/在企业微信与微信中调用wx-previewimage-方法时遇到的问题/

    主要是图片地址问题,   有问提代码:

    有问题代码: 

                $(function() {

                    FastClick.attach(document.body);

                      //图片预览

                    $(".img_prev").click(function(){

                        var hosts = window.location.host; 

                        var url ="http://"+hosts+$(this).attr("src");

                        

                         var arr = Array();

                         var urls =$("#img_prev").children("img").each(function(index){

                            var temp = "http://"+hosts+$(this).attr("src");

                             arr.push(temp);

                        });

                    

                        wx.previewImage({

                            current:encodeURI(url), // 当前显示图片的http链接

                            urls: arr // 需要预览的图片http链接列表

                        });

                    });

     

                });

            </script>


    总结: 1. 企业微信中 urls, 数组中可以不传, 或传不正确的都不影响current中的正确的地址  2. 微信中不可以, 必须正确传递urls数据。 数据格式: var arr = [‘http://xxx/1.jpg’,’http://xxx/2.png’]


    正确调用代码: 

                wx.ready(function() {

                         FastClick.attach(document.body);

                           //图片预览

                        $(".img_prev").click(function(){

                            var hosts = window.location.host; 

                            var url ="http://"+hosts+$(this).attr("src");

                            

                             var arr = Array();

    //问题出在这里, 这个查找图片的代码不正确。微信里又必须有, 所以出错了。 

                             $(".img_prev").each(function(index){

                               var temp = "http://"+hosts+$(this).attr("src");

                               //alert(index);

                                arr.push(temp);

                            });

                             wx.previewImage({

                                current:encodeURI(url), // 当前显示图片的http链接

                                urls: arr // 需要预览的图片http链接列表

                            });

                        });

         

                   });


    2020-07-12
    有用
    回复
  • 北方人
    北方人
    2020-04-05
    ..://黝建——事嫩(*゚∀゚)つ―{}@{}@{}- 来吃烧烤♪建建事卜丨建i卜丨才建卜
    2020-04-05
    有用
    回复
  • 是柿子啊
    是柿子啊
    2019-04-01

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2019-04-01
    有用
    回复 15
    查看更多(10)
登录 后发表内容