Question

我在一个文件夹中有3000张图片。全部名为1000.jpg 1001.jpg等等。从1000到3000。我想制作一个html文件并有一个文本框，当我输入数字（即1000）时，它会显示文件1000.jpg。此外，当我点击文件时，它会隐藏这个。

我需要这个来正确管理仓库并在我的手机上放置图案图像。

谢谢

Answer 1

也许这可以帮到你 -

<input type="number" id="my-input">
<a href="#">See the Image</a>
<Script>
$("#b").click(function() {

var s=$("#my-input").val()
$("#b").attr("href", s+".jpeg");
}
});
</script>

所以，它的作用是它取得了＆＃34;＃my-input＆＃34;的价值。并将href属性的值附加到文件名。

Answer 2

你可以拥有这样的东西。

document.getElementById("imageid").src= folderPath + document.getElementById("inputID").value + ".jpg";

Answer 3

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

</head>
<body>
<input type="text" id="imageName"> 
<input type="button" id="view" value="View"/>
<div id="imageDiv">

</div>

<script>
$("#view").on("click", function()
{
var image=$("#imageName").val();
    $("#imageDiv").html("<img src='"+image+".jpg'></img>");
});
</script>
</body>
</html>

假设此HTML和图像位于同一文件夹中。如果图像位于不同的文件夹中，请更改以下行：

 $("#imageDiv").html("<img src='"+image+".jpg'></img>");

例如：如果图像位于名为images的文件夹中：

 $("#imageDiv").html("<img src='images/"+image+".jpg'></img>");

文本框中的输入数字显示图像

3 个答案: