在nginx系统配置中引入X-Content-Type-Options配置,导致图片在IE11上面显示不出来。1X-Content-Type-Options的作用:关闭浏览器文件类型自动识别功能。不同文件类型有数据特征。浏览器可以通过这些特征来识别不同文件类型。
在我们服务器头部返回上面图片返回时候都有加上头部信息。header(‘Content-type:image/png’);,现在我从微信获取了一张jpg的图片,但是仍然png形式返回,同时nginx在头部有加入X-Content-Type-Options.这时候前端的图片在IE11加载不出来,其他浏览器都可以展示。起初以为是是返回图片类型不对展不出来。但是我们修改图片返回类型,还是没有效果。
后来在查资料之后,发现X-Content-Type-Options对IE展示图片有的重要的影响作用。
解决方案:
去掉nginx中的X-Content-Type-Options配置或者在返回的图片头部加入header(‘X-Content-Type-Options:none’);