jquery에서 이미지 로딩이 실패하면 어떻게 해야 할까요?

jquery의 이미지 로드 실패에 대한 해결 방법: 1. jquery 플러그인을 도입합니다. 코드는 [$(this).attr('src', "default.jpg (기본 이미지 URL 주소)")]; img onerror 이벤트를 사용하세요.

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jquery의 이미지 로딩 실패에 대한 해결 방법:

1. 첫 번째 방법:

jquery 플러그인이 도입되었다면 처리하기 쉽습니다. 그렇지 않다면 꼭 필요한 경우 코드를 첨부할 수 있습니다:

    script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js")
    //这是jade文件的写法，可以自行转换为html
handle error
    $('img').error(function(){
            $(this).attr('src', "default.jpg(默认图片的url地址)");
         });

2. 두 번째 방법: img 태그의 양이 적은 경우 다음을 사용할 수 있습니다:

img의 onerror 이벤트

<img src=&#39;test.jpg&#39; alt=&#39;test&#39; onerror="this.src=&#39;default.jpg&#39;">
//alt属性的意思是在图片为加载成功时显示的文字

관련 무료 학습 권장 사항: javascript(동영상)

위 내용은 jquery에서 이미지 로딩이 실패하면 어떻게 해야 할까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!