ie浏览器报错 DOM7009 无法解码 URL 处的图像 问题的解决方法

控制台警告：IE DOM7009 无法解码URL处图像

在生产实践中因为规定必须使用IE浏览器结果就碰到了上述标题所示问题。在其余浏览器（像Google chrome、火狐等）中图像都是可以正常显示的，唯独在IE中显示不出来，查阅了相关资料发现大致分为以下几种情况：

图片后缀名问题

图片后缀名和代码中不一致或者图片本来是.png格式自己手动更改成了.jpg或者其它格式导致IE浏览器无法识别。

图片颜色编码问题

图片可能是CMYK颜色，而IE浏览器不识别CMYK模式的图片，这时需要更改为RGB模式（可借助PS等软件）。

web.config配置问题

<system.webServer>   
 <httpProtocol>    
  <customHeaders>    
   <add name="X-Content-Type-Options" value="nosniff" />    
  </customHeaders>    
 </httpProtocol> 
</system.webServer> 

移除web.config文件中的<add name="X-Content-Type-Options" value="nosniff" />，这句话导致了图片在IE中不能正常显示。

图片过大，浏览器内存问题

本次所用图片实际像素大小高达300M，初步怀疑是这种情况。后来实测当像素高于3800x8608(像素大小93.6M)时（受浏览器占用内存影响，测试结果有所偏差3800±15），IE浏览器无法打开图片。 同样可以借助ps等软件处理图片。ps:ps的批处理功能还是非常强大的。