html和jquery/js引用外部圖片時出現403的問題如何解決

本文主要和大家分享解決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=\&#39;&#39; + url + &#39;?&#39; + Math.random() + &#39;\&#39; /><script>window.onload = function() { parent.document.getElementById(\'' + frameid + '\').height = document.getElementById(\'img\').height+\'px\'; }<&#39; + &#39;/script>';
   document.write('<iframe id="&#39; + frameid + &#39;" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="100%"></iframe>');
   }
</script>

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

本人已經測試通過了！

相關建議：

在jsp頁面中引用圖片的路徑問題_html/css_WEB-ITnose

#

以上是html和jquery/js引用外部圖片時出現403的問題如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！