使用文件夾中的圖像在Javascript中創建數組

Question

我想瀏覽帶有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>

Answer 1

您無法使用JavaScript來執行此操作，因為它無法訪問計算機的文件系統。 這是因為JavaScript在設計時考慮了安全性。

為此，您需要使用服務器端語言，例如asp或php。您將能夠使用正確的安全權限訪問文件系統，然后在服務器上構建javaScript數組代碼。 頁面加載后，圖像的路徑將存在於網頁中，然后您可以在javaScript中使用它們進行操作。

使用文件夾中的圖像在Javascript中創建數組

問題描述

1 個解決方案

解決方案1
0 2014-03-08 21:01:31

使用文件夾中的圖像在Javascript中創建數組

問題描述

1 個解決方案

解決方案1 0 2014-03-08 21:01:31

解決方案1
0 2014-03-08 21:01:31