Recently, when developing an iOS project, I used the H5 combination developed by native + VUE, and the information list pictures were stored in Qiniu Cloud. The pictures are displayed normally in PC browsers, Android and most iOS devices, but they are not displayed in some mobile phones, iPhone 6 Plus (system: iOS 12.5.4). The built-in Apple browser and WeChat are not displayed, and there is only an empty space. Picture box, as shown below:
The address of the problem image that is not displayed is similar to this:http://img-qiniu-test.shlingzhang.com/news/2021/08/25/f2d1e1d1-eafe- 4bb8-b570-a1a9d5bf85d6.jpg?imageView2/3/w/100
At first I thought it was caused by the compression setting of imageView2, but the problem still existed after removing it. Rumination feels like picture encodings etc. are not recognized. Go to Qiniu official website to find the answer and find that there is /format/<Format> setting for specifying the image output format. Reference URL: https://developer.qiniu.com/dora/1279/basic -processing-images-imageview2
Modify the image address to:http://img-qiniu-test.shlingzhang.com/news/2021/08 /25/f2d1e1d1-eafe-4bb8-b570-a1a9d5bf85d6.jpg?imageView2/3/w/100/format/jpg
After specifying the output format, when accessed on the mobile phone, built-in browser and WeChat, the display is normal. The picture is as follows:
This article ends, I hope it will be helpful to friends who have the same problem.