html img가 이미지를 표시하지 않으면 어떻게 해야 합니까?

html img가 이미지를 표시하지 않는 문제에 대한 해결 방법: 1. 이미지가 로드될 때 이미지를 처리합니다. 2. "".

이 글의 운영 환경: Windows 7 시스템, HTML5 버전, DELL G3 컴퓨터

html img 이미지 로딩이 표시되지 않습니다

이미지 처리 코드는 $(문서에 있습니다) ).ready 메소드, 이 메소드는 html 구조가 로드될 때 실행됩니다. 그러나 이때는 이미지가 로드되지 않았음을 주의해야 합니다. 따라서 메소드 본문이 실행되면 실제로는 이미지가 없고, 이미지가 완전히 로드되면 메소드가 실행됩니다.

해결책 1: 이미지가 로드될 때 이미지를 처리합니다.

$(document).ready(function(){
var airportId = getUrlValue("airportId");
if(airportId==null || typeof(airportId) == "undefined"){
return false;
}
data = {
'airportId' : airportId ,
}
Kelp.jsonPost(
"../func/web/getActivityPointsMap",data,function(result){
if(result.re== 1 || result.re == "1" ){
var form = result.data.airportInfoMapForm;
iWidth = form.imageWidth;
iHeight = form.imageHeight;
dWidth = form.width;
imgW = iWidth*imageScale
imgH = iHeight*imageScale;
cellWidth = form.cellWidth * iWidth/dWidth;
var attachId = form.imageAttachId;
}
else{
alert(result.data);
window.history.go(-1);
return false;
}
//使画布大小对应机场图片大小
canvas.width = iWidth+XO;
canvas.height = iHeight+YO;
//创建新的图片对象
var img = new Image();
/* var img = document.getElementById('img'); */
img.src = "<%=request.getContextPath()%>/fileDownload?attachId=" + attachId;
//浏览器加载图片完毕后再绘制图片
img.onload = function(){
var w = XO+ imgW;
var h = YO +imgH;
ctx.drawImage(img,XO,YO,imgW,imgH);//限制图片的宽高，此处没有imgW和imgH则会显示为图片的实际宽高
//画网格线
drawLine();
};   
});
})

위는 js의 새로운 이미지입니다.

또 다른 방법은 다음과 같습니다.

html로 새 img 엔터티 태그를 만듭니다. 즉, 입니다. 이렇게 하면 사진이 표시되지 않는 문제가 발생하지 않습니다.

추천 학습: "HTML 비디오 튜토리얼"

위 내용은 html img가 이미지를 표시하지 않으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!