Que dois-je faire si html img n'affiche pas d'images ?

Solution pour que l'image HTML n'affiche pas les images : 1. Traitez l'image lorsque l'image est chargée ; 2. Créez une nouvelle balise d'entité img en HTML, avec un code tel que "8dc031d3c77325ed29dd96a75fc39f25”.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5, ordinateur DELL G3

html Charger l'image img Ne pas afficher

Le code de traitement des images est dans la méthode $(document).ready Cette méthode est exécutée lors du chargement de la structure html. l'image n'a pas été chargée pour le moment. Par conséquent, il n'y a en fait aucune image lorsque le corps de la méthode est exécuté et la méthode a été exécutée lorsque l'image est complètement chargée.

Solution 1 : Traiter l'image lorsqu'elle est chargée.

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

Ce qui précède consiste à créer une nouvelle image en js.

Une autre méthode est la suivante :

Créez une nouvelle balise d'entité img en HTML. Autrement dit : 08bf379f410d4164cf72a0472b469b0aa376092e9406724d5c271fcc648ed25a. De cette façon, il n’y aura aucun problème de non-affichage des images.

Apprentissage recommandé : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!