這篇文章主要介紹了html中img不顯示圖片的解決方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有白云免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

html img不顯示圖片的解決辦法：1、在圖片onload時，再對圖片進(jìn)行處理；2、在html中新建img實體標(biāo)簽，代碼如“<img id = "img"></img>”。

本文操作環(huán)境：windows7系統(tǒng)、HTML5版，DELL G3電腦

html 加載img圖片 不顯示

處理圖片的代碼 在 $(document).ready方法中，此方法在html結(jié)構(gòu)加載完成時執(zhí)行，然而要注意的是，此時圖片并沒有加載完成。因此執(zhí)行方法體的時候其實是沒有image的，而圖片完全加載的時候方法已經(jīng)執(zhí)行完了。

解決方法 1：在圖片onload時再對圖片進(jìn)行處理。

$(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;
}
//使畫布大小對應(yīng)機(jī)場圖片大小
canvas.width = iWidth+XO;
canvas.height = iHeight+YO;
//創(chuàng)建新的圖片對象
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則會顯示為圖片的實際寬高
//畫網(wǎng)格線
drawLine();
};   
});
})

上述是在js中新建圖片。

還有一種方法是：

在html中新建img實體標(biāo)簽。即：<img id = "img"></img>。這樣就不存在不顯示圖片的問題了。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html中img不顯示圖片的解決方法”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

文章標(biāo)題：html中img不顯示圖片的解決方法
網(wǎng)頁地址：http://jinyejixie.com/article32/ggsopc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、、靜態(tài)網(wǎng)站、虛擬主機(jī)、App設(shè)計、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)