移动端图片在IOS不显示在安卓显示

图片地址:https://msybcdn.qingclasswelearn.com/images/uploads/2020-05-08/7acc7821-02a1-4487-b50b-f78333414414.png

这张图片在安卓和浏览器都可以打开但是iOS手机上无法访问打不开

解决办法:给图片拼接 ?x-oss-process=image/resize,w_700/format,jpg/quality,q_85

你会神奇的发现iOS可以访问了 https://msybcdn.qingclasswelearn.com/images/uploads/2020-05-08/7acc7821-02a1-4487-b50b-f78333414414.png?x-oss-process=image/resize,w_700/format,jpg/quality,q_85

x-oss-process=image/resize,w_700/format,jpg/quality,q_85
  • 这是oss对图片进行处理的一种方式,q_85是说压缩图片85%,上面加上后缀后就显示也是oss对图片进行了处理

其实就是你新的地址所在的阿里云OSS没有对应的配置,这个OSS的作用他可以帮你剪裁图片等图片基础服务,还提供访问更快速等。
想要正常显示的话,可以从你之前已经配置好的阿里云OSS导出设置,引入到你新的图床或者服务器的阿里云里面,这样你就可以不该代码就可以。让然你也可以该代码,把这个取消掉,但是我觉得最好还是不要这样,这样你就少了很多他给你带来的便利和功能。

你可能感兴趣的:(css+js,前端,ios,css,阿里云)