html图片获取并显示的问题假如我在img目录里存有1.jpg，2.jpg 如何在网_随笔

代码图片

<!DOCTYPE html>

<html>

<head>

</head>

<body>

var Text = document.getElementById('text') // 找到输入框

var Btn = document.getElementById('btn') // 找到按钮

var Img = document.getElementById('img') // 找到图片标签

var A = document.getElementById('a') // 找到下载链接

Btn.onclick = function () {

Img.src = Text.value + '.jpg' //输入框内容 + 图片后缀名

A.style.display = 'inline'

A.href = Text.value + '.jpg'

}

</script>

</body>

</html>

注意！上面的方法如果输入的内容和你的图片文件名不一样的话就无法显示，我上面只是给你写了一下方法，所以没有写外观

上面有一个地方有错误，请把 Text.value + '.jpg' 改为 'img/' + Text.value + '.jpg'

不太明白你的合在一起是什么意思，就按我我的理解回答了：

如果你说的是排在一起，那很简单：2个相邻<img src="pic1.jpg"><img src="pic2.jpg">就可以解决了。

如果是重合在一起，也就是说占同一片空间的话：

</div>

CSS:

.big_pic{

position:relative

}

.small_pic{

positon:absolute

top:5px

left:5px

}(通过top/left来调整小图片在大突破上面的位置)

至于其他的理解方式（照片合在一起）那我就真不知道了，应该是图片处理软件的事情了

html里插入图片显示不出来的解决方法如下：

1、首先，打开电脑的IE浏览器选项，点击右上角的工具选项，在下拉菜单中选择【Internet选项】：

2、然后，进入Internet选项对话框，点击上方菜单栏的【高级】标签：

3、之后，进入高级界面，找到设置列表中的多媒体选项，然后在其下方的【显示图片】勾选，点击保存：

4、然后，点击桌面左下角开始菜单，在右方菜单中点击【运行】选项：

5、之后，在d出的运行对话框里，输入【CMD】命令，点击打开命令提示符：

6、最后，在d出的CMD命令符界面，输入【for %1 in (%windir%\system32\dll) do regsvr32.exe /s %1】到此，在HTML中无法插入图片的问题就已经解决了：

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/6275536.html

html图片获取并显示的问题假如我在img目录里存有1.jpg，2.jpg 如何在网

发表评论

评论列表（0条）

html图片获取并显示的问题 假如我在img目录里存有1.jpg，2.jpg 如何在网

发表评论

评论列表（0条）

html图片获取并显示的问题假如我在img目录里存有1.jpg，2.jpg 如何在网