홈>2020-02-01 00:28

JavaScript 이미지 onload에는 실제 src 속성이 없습니다

간단한 예가 있습니다 :

<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"

javascriptimageonloadsrc

답변 # 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">

Python2.net

JavaScript 이미지 onload에는 실제 src 속성이 없습니다

관련 자료