* Javascript 新手
下面的代碼是將影像源更改為已保存的部分。
期望的結果:當沒有影像來源時,我想顯示一個“default.jpg”影像。
也許,有沒有另一種方法可以將這個邏輯寫成一個簡單的(r)條件?
試圖
set_image({
image_data_url: items.image_data_url ?? "",
image_filename: items.image_filename ?? image.src = './assets/default.jpg',
});
當前的
set_image({
image_data_url: items.image_data_url ?? "",
image_filename: items.image_filename ?? "No Image",
});
uj5u.com熱心網友回復:
這是你想要的嗎?
set_image({
image_data_url: items.image_data_url ?? "",
image_filename: items.image_filename ?? './assets/default.jpg',
});
uj5u.com熱心網友回復:
我認為您想顯示“未找到影像”的默認影像如果有任何疑問,請發表評論。
為了這
1)第一個選項: - 使用 one rror
<img id="currentPhoto" src="https://www.ccrharrow.org/Images/content/953/741209.pg" one rror="this.src='https://www.unesale.com/ProductImages/Large/notfound.png'" alt="">
2)使用 addeeventlistner,
img.addEventListener('error', function handleError() {
const defaultImage =
'https://bobbyhadz.com/images/blog/javascript-show-div-on-select-option/banner.webp';
img.src = defaultImage;
img.alt = 'default';
});
3)如果要顯示文本,請使用 alt fot just text ,然后將 alt 屬性用于 img 標簽。
4) Nullish Coalescing 運算子是一個邏輯運算子,當其左側運算元為空或未定義時,回傳其右側運算元
var defaultImage = 'image1.png';
var noimage = 'noimagefound.png';
img.src = defaultImage ?? noimage;
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/530264.html
上一篇:根據特定維度設定css
