这两天把博客,图片格式改了一下,今天晚上,正好用ie浏览器打开pdf文件,然后突然想起,试试这个浏览器的兼容性,
发现图片加载不出来了,报错了
无法对位于 URL“/IMG//08/daa5e1b8375e08fc1ee58daa84865e26.jpg?x-oss-process=image/resize,P_10,m_mfit,w_888,h_700/format,webp/quality,Q_60/watermark,image_d2F0ZXJtYXJrLnBuZw==,t_90,g_se,x_10,y_10”且 MIME 为“image/webp”的图像进行解码。
然后网上查了一下,原来是这个智障ie不兼容,
然后通过php在浏览器上测试了一下
谷歌浏览器支持webp
ie不支持
360支持
火狐不支持
我还有个baidu浏览器,那个没试了,按理来说他应该是支持的。
后面我又测试了一下
我直接打开图片地址在浏览器上,发现自带ie出现乱码,则google正常显示,那就是兼容问题没错了,
上图为google
上图为ie
解决办法
上面博客有通过前端的,
通过ajax加载的话,可以通过前端方法判断
我是后端直接生成的,所有我直接选择了通过后端判断,
我的写法:
然后这样使用:
/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.jpg?x-oss-process=image/resize,?x?x?x?/format,'.get_header_accept();
最厚
不支持webp的ie浏览器变成jpg格式
支持webp的浏览器还是webp格式