先上图,这是快手的页面,想把小程序的页面也做成这样两列,然后左右不等高
第一个方案很简单,就是把获取到的直播间直接平分两列,但是有可能会造成某一列的高度高太多(因为直播间的图高度不等),不美观,放弃
第二个方案就是根据左右两列的高度来判断,上代码
templist就是后台调用【获取直播房间列表】接口,获取到的直播房间列表,然后根据房间列表中的cover_img背景图的地址,用wx.getimageinfo来获取图片宽高的信息
这个解决方案在开发时可以用,但是一上线就失效了,检查后发现wx.getimageinfo获取网络图片时,需要将域名提前写进downloadfile安全域名中,这时候问题就来了:
【获取直播房间列表】接口中cover_img背景图的地址,是http协议,例如:http://mmbiz.qpic.cn/mmbiz_jpg/xxxxxxxxxxxxxxxxxxxxx
但是downloadfile安全域名中,网址是https协议,将mmbiz.qpic.cn填入后,wx.getimageinfo依然获取不到网络图片,图片高度获取都是失败的
所以现在如何实现这种类似快手的瀑布流布局就成了问题,只能通过服务器储存图片信息才可以实现了吗,还是说还有其他可以获取网络图片宽高的方法?
现在唯一能想到的就是弄一个隐藏的的image,在图片加载完成时的事件中获取宽高了
请问使用第二种方法 getImageInfo 不会产生异步问题吗 下面的width获取的不对