在Javascript中使用文件夹中的图像创建一个数组_Javascript_Image_Glob

在Javascript中使用文件夹中的图像创建一个数组

javascript image

在Javascript中使用文件夹中的图像创建一个数组,javascript,image,glob,Javascript,Image,Glob,我想用JS浏览文件夹中的图像，并在文件夹中创建一个文件数组。我不知道该怎么做…我想制作数组| var images |并去掉我手动放在那里的链接 <html> <head> <title>Ranking Page</title> <script language="Javascript"> var images = [ "http://dummyimage.com/600x400/000/fff&text=two",

我想用JS浏览文件夹中的图像，并在文件夹中创建一个文件数组。我不知道该怎么做…我想制作数组| var images |并去掉我手动放在那里的链接

<html>
<head>
<title>Ranking Page</title>
<script language="Javascript">

var images = [
    "http://dummyimage.com/600x400/000/fff&text=two",

    "http://dummyimage.com/600x400/000/fff&text=one"

    ];
var iIndex;
var iLen = images.length;

function fn_keydown(event) {
    var img = document.getElementById("wrapper").childNodes[1];
    if (event.keyCode === 39) {
        iIndex = (iIndex + 1) >= iLen ? 0 : iIndex + 1;
    } else if (event.keyCode === 37) {
        iIndex = (iIndex - 1) < 0 ? iLen-1 : iIndex - 1;
    }
    img.setAttribute("src", images[iIndex]);
}
window.onkeydown = fn_keydown;
window.onload = function() {
    iIndex = iLen;
    var vEvent = {
            keyCode : 39
        };
    fn_keydown(vEvent);
}

</script>
</head>
<body>
<div id="wrapper">
    <img />
</div>

</body>
</html>

你不能用JavaScript实现这一点，因为它不能访问计算机的文件系统。这是因为JavaScript的设计考虑到了安全性

为此，您需要使用服务器端语言，如asp或php。您将能够使用正确的安全权限访问文件系统，并在服务器上构建javaScript数组代码。当页面加载时，您的图像路径将存在于网页中，然后您可以在javaScript中对其执行所需操作。

图像的来源是什么？是否有api或获取文件名的方法？图像位于同一服务器上。是的，我可以把图片从1重命名为100。你想要一个文件数组而不是链接数组吗？实际上，URL？你说的文件是什么意思？在运行时应该如何表示？那么，您希望如何处理这样的文件？读二进制内容？在HTML中链接到它们？点或创建一个模式，然后在其中循环。重命名图像可能是一个解决方案，除非名称很重要。或者创建一个服务器脚本，按位置提供图像：image.php？no=1//返回文件夹中的图像编号1。