gpt4 book ai didi

javascript - 来自 API 的图像不显示

转载 作者:行者123 更新时间:2023-11-28 04:04:55 26 4
gpt4 key购买 nike

我已经从 API 检索了一些图像,但它们没有出现。绿色和蓝色图像图标没有出现实际图像,而是出现在我网页上它们的位置。我需要在我的代码中更改/添加什么才能显示图像?

let html = [];
fetch('https://api.nytimes.com/svc/topstories/v2/technology.json?api-key="*"')
.then((resp) => resp.json())
.then(function(data) {
data.results.slice(0, 4).forEach(res => {
html.push(`<h1>${res.title}</h1>`)
html.push(`<p>${res.url}</p>`)
html.push(`<p>${res.abstract}</p>`)
html.push(`<p>${res.published_date}</p>`)
html.push(`<img src='${res.multimedia[4]}.url'/>`)
})
document.getElementById("res").innerHTML = html.join("")
})


     <html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script src="index.js"></script>
</head>
<body>
<h1>Top Stories</h1>
<button class="accordion">Story 1</button>
<div class="panel">
<div id="res"></div>
</div>

<button class="accordion">Story 2</button>
<div class="panel">
<div id="accordion"></div>
</div>

<button class="accordion">Story 3</button>
<div class="panel">
<div id="accordion"></div>
</div>
<button class="accordion">Story 4</button>
<div class="panel">
<div id="accordion"></div>
</div>
</body>

最佳答案

我认为您需要将 src 添加到图像而不是像这样的值:

html.push(`<img src='${res.multimedia[4].url}'/>`)

关于javascript - 来自 API 的图像不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58323893/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com