美文网首页小程序
小程序调用网络图片IOS不展示的问题

小程序调用网络图片IOS不展示的问题

作者: 上塘木棉 | 来源:发表于2020-05-09 18:58 被阅读0次

    小程序调用网络图片,安卓页面展示正常,唯独苹果手机空白,是什么原因呢?

    我们先来观察下网络图片的地址有什么特点:

    微信公众号:

    https://mmbiz.qpic.cn/mmbiz_jpg/mBqOePLghYibS3CGibCjdJ3GywTCJRl7syyp8fV1toewE2CZpNlbMJAibcEH2xemMUjY3AV1Loxmuz265OG1AuoJA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1

    简书:

    https://img.haomeiwen.com/i19168915/ea8b821abf1f871b.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/1080/format/webp

    (1)什么是 webp 格式?

    WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器宽带资源和数据空间。

    WebP既支持有损压缩也支持无损压缩。相较编码JPEG文件,编码同样质量的WebP文件需要占用更多的计算资源。

    桌面版Chrome可打开WebP格式。 -- 摘自百度百科

    (2)比较:

    普通文件路径:https://xxx.jpeg?

    webp文件路径:https://xxx.jpeg?%2Fformat%2Fwebp  或者 https://xxx.webp

    怎么办?

    去掉包含 webp 部分就可以啦!

    微信公众号:

    https://mmbiz.qpic.cn/mmbiz_jpg/mBqOePLghYibS3CGibCjdJ3GywTCJRl7syyp8fV1toewE2CZpNlbMJAibcEH2xemMUjY3AV1Loxmuz265OG1AuoJA/640?wx_fmt=jpeg

    简书:

    https://img.haomeiwen.com/i19168915/ea8b821abf1f871b.jpg?

    点击查看效果

    相关文章

      网友评论

        本文标题:小程序调用网络图片IOS不展示的问题

        本文链接:https://www.haomeiwen.com/subject/rlrlnhtx.html