我迭代了一些 JSON 以獲取影像的 URL，以便將它們顯示在表格中。
我用來執行此操作的 JavaScript 代碼是（我生成一個表格，然后在每一行中填充單元格，其中該行中的第一個單元格是影像，其余的都是字串）：
for (var i = 0; i < data.result.length; i ) {
var newRow = document.createElement('tr')
newRow.classList.add('table-row')
for (var j = 0; j < data.result[i].length; j ) {
if (j == 0){
var newCell = document.createElement('img');
newCell.src = data.result[i][j];
console.log(data.result[i][j])
newCell.style.width = 50;
newCell.style.height = 50;
} else {
var newCell = document.createElement('td');
newCell.classList.add('col')
newCell.innerHTML = data.result[i][j];
}
newRow.appendChild(newCell);
}
table[0].appendChild(newRow)
}
其中data.result[i][j]包含 URL。
例如，在其中一種情況下，我得到：
newCell.src = 'https://oldschool.runescape.wiki/w/Mithril bar#/media/File:Mithril bar_detail.png'
現在，當我單擊該 URL 時，它確實向我顯示了一個影像。但是，當我使用上面的代碼時，我得到了一個損壞的影像：
有什么理由不顯示圖片？
我想可能是由于網站上的預覽，但不知道如何處理。
謝謝
uj5u.com熱心網友回復：
我認為 URL 并沒有真正指向影像。
如果您轉到鏈接并右鍵單擊影像并“在新選項卡中打開影像”，您將獲得以下鏈接：
https://oldschool.runescape.wiki/images/thumb/b/b5/Mithril_bar_detail.png/1280px-Mithril_bar_detail.png?c7a7b
uj5u.com熱心網友回復：
您提供的影像 URL 未在 DOM 中呈現。試試這個：
https://oldschool.runescape.wiki/images/b/b5/Mithril_bar_detail.png?c7a7b
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/318055.html
標籤：javascript html dom
上一篇：這個事件的發射器何時開始？