>

간단한 예가 있습니다 :

<head>
    <script>
        //
        function onLoadImgView() {
            //
            console.log(this.currentSrc);
        }
        //
        var i = 0;
        //
        document.addEventListener('DOMContentLoaded', function(event) {
            //
            document.getElementById('imgElement').src = "img.jpg?" + i;
            //
            document.getElementById('imgElement').onload = onLoadImgView;
        });
    </script>
</head>
<body>
    <img id="imgElement" src="img.jpg" width="100" height="100" alt="" />
</body>
</html>

실제 Image src 속성을 얻으려고했지만 로그에서 볼 수 있습니다 :

와이즈 비즈

때로 나는 또한 얻는다 :

와이즈 비즈

그러나 어떻게 실제 로그를 얻을 수 있습니까?

다음과 같아야합니다 :

와이즈 비즈 왜 pyzwyz를 하는가  그리고

"sitename.com/img.jpg?0"

 로드 할 수있는 유효한 파일 이름을로드 할 수 없습니까?

이것은 내 질문이다. 감사합니다.

P. S. DOMContentLoaded 함수에 src를 저장 한 다음 onload로 반환 할 수 있지만 때때로 "img.jpg"로딩을 건너 뛰고 즉시 "img.jpg? 0"을로드하기 때문에 올바르지 않습니다.

"sitename.com/img.jpg?0"

"sitename.com/img.jpg?0"


  • 답변 # 1

    윈도우 이벤트 리스너와 load 를 사용하십시오  행사. 다음과 같은 것 :

    var image = document.getElementById('imgElement');
    var i = 0;
    console.log(image.src);
    window.addEventListener('load', function() {
      image.src = image.src + '?' + i;
      console.log(image.src);
    });
    
    
    <img id="imgElement" width="300px" src="https://upload.wikimedia.org/wikipedia/commons/b/b0/Henri-Edmond_Cross_-_The_Evening_Air_-_Google_Art_Project.jpg">
    
    

  • 이전 multi level - R의 다단계 모델에서 2 차 효과 플롯
  • 다음 Google App Engine에서 Google 클라우드 음성 인식을 가져 오는 방법 (python)