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

时间:2014-03-08 20:54:35

标签: 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",

    "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>

1 个答案:

答案 0 :(得分:0)

您无法使用JavaScript执行此操作,因为它无法访问计算机的文件系统。这是因为JavaScript在设计时考虑了安全性。

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