html图片获取并显示的问题 假如我在img目录里存有1.jpg，2.jpg 如何在网
html图片获取并显示的问题假如我在img目录里存有1.jpg，2.jpg如何在网页输入框内输出1，点击按钮图片就显示在按钮下方。然后有个下载的按钮。...
html图片获取并显示的问题
假如我在img目录里存有1.jpg，2.jpg
如何在网页输入框内输出1，点击按钮图片就显示在按钮下方。然后有个下载的按钮。 展开
假如我在img目录里存有1.jpg，2.jpg
如何在网页输入框内输出1，点击按钮图片就显示在按钮下方。然后有个下载的按钮。 展开
展开全部
代码图片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<input type="text" id="text">
<input type="button" id="btn">
<img src="" alt="" id="img">
<a href="" style="display: none;" id="download">下载</a>
<script>
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';
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
