http图片在https站中不显示

Question

有哪位大牛解决过https网站中http图片资源在各手机浏览器中的显示兼容性问题？具体表现，部分安卓机型如华为，vivo的原生webview无法在https网站中显示http图片资源，第三方浏览器大部分没问题。

Answer 1

图片用 // 形式表示。比如： //img.aliyun.2.png。会自动根据当前域名协议做修改。

Answer 2

可以这样解决
.replace(/http/g, "https");

Answer 3

我是个搬运工。刚好这两天也遇到这么个问题。
页端提供给Android客户端的是一个Https的URL地址，
页端侧在PCweb，各大浏览器访问也是正常加载图片的...
但是与业务方联调发现这么个问题，4.版本正常，6.版本不正常
后来各种排查定位（耗时大半天了），抓包发现图片已经上传至后端文件服务器，并且也已经响应图片地址...
在页端就是<img src="xxx">，刚开始还在怀疑是img的属性问题，没有高度宽度等...
直至到刚刚同一个页面，加载https图片，http图片，才发现Https链接加载http图片不正确.

马上百度：

果然一堆问题，大概好像是说android os的升级导致webview的一些加载策略发送改变导致的
http://www.jianshu.com/p/59c0...
http://blog.csdn.net/lxk_1993...
http://blog.csdn.net/u0138067...

Answer 4

把协议干掉就行了，比如说你引用图片资源的地址是 http://example.com/img.png 改成 //example.com/img.png 就行了，试试。