七牛云图片在iOS和微信里面不显示问题处理

Posted 2021-09-14 追夢秋陽

最近在开发ios项目时，采用原生+VUE开发的H5组合,资讯列表图片存储在七牛云中。在PC浏览器和安卓那边以及大部分iOS设备图片显示正常，而在部分手机iPhone6Plus(系统：iOS 12.5.4)中不显示，手机自带苹果浏览器以及微信里面都不显示，只有一个空的图片框，如下图：

不显示的问题图片地址类似这样的：http://img-qiniu-test.shlingzhang.com/news/2021/08/25/f2d1e1d1-eafe-4bb8-b570-a1a9d5bf85d6.jpg?imageView2/3/w/100

最初以为是imageView2 压缩设置导致的，去掉后问题同样存在。反复思考感觉图片编码等未被识别。去七牛官网寻找答案，发现有/format/<Format> 图片输出格式指定的设置，参考网址：https://developer.qiniu.com/dora/1279/basic-processing-images-imageview2
如是将图片地址修改为：http://img-qiniu-test.shlingzhang.com/news/2021/08/25/f2d1e1d1-eafe-4bb8-b570-a1a9d5bf85d6.jpg?imageView2/3/w/100/format/jpg

指定输出格式后，在手机和自带浏览器以及微信上访问，显示正常了。图如下：

本文结束，希望对有同样问题困扰的朋友有所帮助。