当引用外部图片时出现403的处理方法

原创于 【模棱博客】

当引用外部图片时报403的处理方法

这是个很有意思的问题，我们为了不保存外部图片经常会直接把图片链接保存下来，不过展现个别网站链接时 会很不友好的报 403 错

本实验基于汽车之家的信息图片举例

但有时我们会发现 引入的外部图片链接也是可以正常展示的，那是因为先访问了外部图片链接图片展示过后，被浏览器缓存了下来，并未正常引用。

用 js 写了一个示例

代码

1 2 3 4 5 6 7 8 9 10 11 12

<script type = "text/javascript" >      function showImg ( url ) {              var frameid = 'frameimg' + Math . random ( ) ;              window . img = '<img id="img" style="width: 100%;height: auto" src=\'' + url + '?' + Math . random ( ) + '\' /><script>window.onload = function() { parent.document.getElementById(\'' + frameid + '\').height = document.getElementById(\'img\').height+\'px\'; }<' + '/script>' ;            document . write ( '<iframe id="' + frameid + '" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="100%"></iframe>' ) ;          } </script>   <div>      <script type = "text/javascript" > showImg ( "图片url" ) ; </script> < / div > <br>

打完收工

http://www.flammulina.com/2018/02/23/ui-%E5%BD%93%E5%BC%95%E7%94%A8%E5%A4%96%E9%83%A8%E5%9B%BE%E7%89%87%E6%97%B6%E5%87%BA%E7%8E%B0403%E7%9A%84%E5%A4%84%E7%90%86%E6%96%B9%E6%B3%95/