图片链接直接打开显示正常，放在img标签里就加载不出来

Question

直接打开图片链接显示正常,如果是放在img标签里html加载不出来,这是怎么做到的?

<img src="http://pic153.nipic.com/pic/20180118/20823867_153437919000_4.jpg" width="200" height="200">

Answer 1

对方图片服务器通过referer防第三方盗链：

1. 你直接访问图片服务器，它判断referer为null，允许你访问。
2. 如果你放在img标签中，referer就是当前页面url，图片服务器判断这个url不在授权范围内，不返回正常内容。

Answer 2

我想问是图片有没有报错，没有的话，你给img加一个display:inline-block试试

Answer 3

<img src="//images.weserv.nl/?url=http://pic153.nipic.com/pic/2...; width="200" height="200">