이 글에서는 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>
테스트에 합격했습니다!
관련 권장사항:
위 내용은 html 및 jquery/js가 외부 이미지를 참조할 때 403 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!