>웹 프론트엔드 >JS 튜토리얼 >html 및 jquery/js가 외부 이미지를 참조할 때 403 문제를 해결하는 방법

html 및 jquery/js가 외부 이미지를 참조할 때 403 문제를 해결하는 방법

小云云
小云云원래의
2018-02-03 13:03:451812검색

이 글에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.