首頁猿問如何顯示備用圖像，如果找不到源圖像...

如何顯示備用圖像，如果找不到源圖像？（在的onerror IE而不是在Mozilla工作）

JavaScript Html/CSS

撒科打諢 2019-10-24 15:17:38

如果找不到源圖像，則需要在表的單元格中顯示替代圖像。當前，下面的代碼用于執行此操作。cell.innerHTML="<img height=40 width=40 src='<%=request.getContextPath()%>/writeImage.htm' onError='ImgErrorVideo(this);'>" function ImgErrorVideo(source){ source.src = "video.png"; source.onerror = ""; return true; }現在的問題是上述解決方案在Internet Explorer中有效，但在mozilla中不起作用。請告訴我一些適用于所有瀏覽器的解決方案。

查看完整描述

3 回答

慕碼人8056858

TA貢獻1803條經驗獲得超6個贊

我覺得這很好，很簡短

不過要小心。如果onerror圖片本身產生錯誤，則用戶的瀏覽器將陷入無限循環。

編輯為了避免無限循環，請立即將其onerror從中刪除。

通過調用this.onerror=null它將消除onerror，然后嘗試獲取備用圖像。

新我想添加一種jQuery的方式，如果這可以幫助任何人。

$(document).ready(function()

{

$(".backup_picture").on("error", function(){

$(this).attr('src', './images/nopicture.png');

});

</script>

您只需要將class ='backup_picture'添加到要加載備用圖片的任何img標簽中，以使其嘗試顯示不良圖片。

反對回復 2019-10-24

蠱毒傳說

TA貢獻1895條經驗獲得超3個贊

我已經為我的查詢找到了解決方案：

我做了這樣的事情：

cell.innerHTML="<img height=40 width=40 alt='' src='<%=request.getContextPath()%>/writeImage.htm?' onerror='onImgError(this);' onLoad='setDefaultImage(this);'>"

function setDefaultImage(source){

var badImg = new Image();

badImg.src = "video.png";

var cpyImg = new Image();

cpyImg.src = source.src;

if(!cpyImg.width)

{

source.src = badImg.src;

}

function onImgError(source){

source.src = "video.png";

source.onerror = "";

return true;

}

這樣，它可以在所有瀏覽器中工作。

反對回復 2019-10-24

慕斯709654

TA貢獻1840條經驗獲得超5個贊

如果您愿意使用PHP解決方案：

<td><img src='<?PHP

$path1 = "path/to/your/image.jpg";

$path2 = "alternate/path/to/another/image.jpg";

echo file_exists($path1) ? $path1 : $path2;

?>' alt='' />

</td>

////編輯OK，這是JS版本：

</tr></table>

document.getElementById('myImage').src = "newImage.png";

document.getElementById('myImage').onload = function() {

alert("done");

}

document.getElementById('myImage').onerror = function() {

alert("Inserting alternate");

document.getElementById('myImage').src = "alternate.png";

}

</script>

反對回復 2019-10-24

3 回答
0 關注
697 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

如何顯示備用圖像，如果找不到源圖像？（在的onerror IE而不是在Mozilla工作）

如何顯示備用圖像，如果找不到源圖像？（在的onerror IE而不是在Mozilla工作）

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何顯示備用圖像，如果找不到源圖像？（在的onerror IE而不是在Mozilla工作）

如何顯示備用圖像，如果找不到源圖像？（在的onerror IE而不是在Mozilla工作）

3 回答

相關問題推薦

添加回答

如何顯示備用圖像，如果找不到源圖像？（在的onerror IE而不是在Mozilla工作）

如何顯示備用圖像，如果找不到源圖像？（在的onerror IE而不是在Mozilla工作）