我有一个3个单元格的数组。在第一个单元格我有一个textarea,你可以在那里插入一个图像的网址。在第二个单元格我有一个按钮,当你点击图像显示在第三个单元格,我有一个div来显示图像。问题是我如何显示图像无论是从互联网或从本地?我写的代码是:
function loadImage(){
var mydiv = document.getElementById("idofdivtodisplayimg");
var url = document.getElementById("idoftextareawhereyouputtheurl");
mydiv.innerHTML = url.value;
}
5条答案
按热度按时间qvk1mo1f1#
mmvthczy2#
您可以看到示例代码会将数组中的图像添加到文档中。您还可以使用
url.appendChild
将图像附加到函数中的任何元素f5emj3cl3#
为了做到这两点,你需要改变你的html和代码。
对于用户有url的情况,你可以创建一个新的图像,并将其附加到div中,将图像的
src
设置为输入中设置的url:现在,要让它显示本Map像,您将需要一个文件输入或拖放方案,因为没有某种类型的用户交互,您无法访问本地文件。
因此,例如,您需要更改html以包含一个文件输入,并获取对用户选择的选定文件的引用,然后使用FileReader读取该文件,最后显示它
超文本标记语言
JS系统
flvlnr444#
这两者都可以,它让你上传一张图片(或者至少把它加载到浏览器)或者给予一个图片源的URL。点击按钮,图片就被加载和显示了!
此代码段使用API获取上传的图像并在图像元素中显示它
jgwigjjp5#
我用img标签替换了第三个单元格中的div,部分地解决了这个问题,在我上面写的函数中,我将其修改为:
但是在我的表中,我也有一个按钮,你可以在那里添加一个相同的行,如上所述。我怎么才能做到这一点,每个网址是放在每个文本框功能?