gpt4 book ai didi

javascript - 如何从 JSON 数据中给出的 URL 显示图像并播放音频?

转载 作者:行者123 更新时间:2023-12-03 04:10:32 25 4
gpt4 key购买 nike

链接到 JSON 数据 -> http://starlord.hackerearth.com/sureify/cokestudio在浏览器中执行程序时,它会显示 URL,而不是像这样的图像或音频 ->

http://hck.re/3Cm0IX

http://hck.re/5dh4D5

http://hck.re/U1bRnt

http://hck.re/eLtjUb

我的代码:

<body>

<div id="cover_img" width="150px" height="150px"> </div>

<script type="text/javascript">
var requestURL = 'http://starlord.hackerearth.com/sureify/cokestudio';

var request = new XMLHttpRequest();

request.open('GET', requestURL);

request.responseType = 'json';

request.send();

request.onload = function(){
var myjsondata = request.response; //request.response contains all our JSON data
showdata(myjsondata);


}

function showdata(data){

for(var i=0;i<data.length;i++){
document.write(data[i].cover_image +"<br>");
}
}
</script>
</body>

最佳答案

您需要创建<IMG>标签并填充其 src属性如下:

function showdata(data){

for(var i=0;i<data.length;i++){
document.write("<br/>");
document.write(data[i].cover_image +"<br>");
var str = "<IMG src='"+data[i].cover_image+"'/>";
document.write(str);
document.write("<br/>");
str = "<a href='"+data[i].url+"'>"+data[i].song+"</a>";
document.write(str);
}
}

关于javascript - 如何从 JSON 数据中给出的 URL 显示图像并播放音频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44351690/

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