gpt4 book ai didi

javascript - 显示来自给定 url 的图像

转载 作者:行者123 更新时间:2023-11-28 03:49:20 25 4
gpt4 key购买 nike

我有一个包含 3 个单元格的数组。在第一个单元格中,我有一个文本区域,您可以在其中插入图像的 url。在第二个单元格中,我有一个按钮,当您单击图像时,该按钮显示在我所在的第三个单元格中有一个 div 来显示图像。问题是我如何显示来自互联网或本地的图像?我写的代码是:

function loadImage(){
var mydiv = document.getElementById("idofdivtodisplayimg");
var url = document.getElementById("idoftextareawhereyouputtheurl");
mydiv.innerHTML = url.value;
}

最佳答案

<html>
<body>
<input type="text" id="imagename" value="" />
<input type="button" id="btn" value="GO" />
<script type="text/javascript">
document.getElementById('btn').onclick = function() {
img = document.createElement('img');
img.src = document.getElementById('imagename').value;
document.body.appendChild(img);
}
</script>
</body>
</html>

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

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