Was soll ich tun, wenn html img keine Bilder anzeigt?

Lösung für das Problem, dass HTML-IMG keine Bilder anzeigt: 1. Verarbeiten Sie das Bild, wenn das Bild geladen wird. 2. Erstellen Sie ein neues IMG-Entitäts-Tag in HTML mit Code wie „b5d726d55d29c87b0885f22261a1cd36 ;59c1e93dcdc7d6acdb2b484af61f2e41".

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5-Version, DELL G3-Computer

HTML-Bild wird beim Laden nicht angezeigt

Der Code zur Verarbeitung des Bildes befindet sich im $(Dokument .ready-Methode, diese Methode wird ausgeführt, wenn die HTML-Struktur geladen wird. Es ist jedoch zu beachten, dass das Bild zu diesem Zeitpunkt noch nicht geladen wurde. Daher gibt es tatsächlich kein Bild, wenn der Methodenkörper ausgeführt wird, und die Methode wurde ausgeführt, wenn das Bild vollständig geladen ist.

Lösung 1: Verarbeiten Sie das Bild, wenn es geladen wird.

$(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();
};   
});
})

Das Obige ist ein neues Bild in js.

Eine andere Methode ist:

Erstellen Sie ein neues IMG-Entity-Tag in HTML. Das heißt: 08bf379f410d4164cf72a0472b469b0aa376092e9406724d5c271fcc648ed25a. Auf diese Weise besteht kein Problem, dass Bilder nicht angezeigt werden.

Empfohlenes Lernen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn html img keine Bilder anzeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!