html和jquery/js引用外部图片时出现403的问题如何解决

解决方法如下所示：

<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>

<p>
 <script type="text/javascript">showImg("图片url");</script>
</p>

本人已经测试通过了！