JavaScript: comment charger toutes les images dans un dossier?

var img = new Image();
img.src = "images/myFolder/myImage.png";

Le ci-dessus ne charge que les myImage.png. Comment charger toutes les images d'un dossier?

Les images ont des noms aléatoires ou une sorte de séquence?
Ils sont à une séquence de 0.png, 1.png, mais je ne sais pas quand la séquence de fin dans un dossier donné.

OriginalL'auteur MaiaVictor | 2012-06-21

  1. 6

    JavaScript ne peut accéder directement au contenu d'un fichier système. Vous aurez à passer le contenu à l'aide d'un script côté serveur (en PHP, etc).

    Puis une fois que vous avez fait cela, vous pouvez utiliser une boucle dans votre JavaScript pour charger individuellement.

    OriginalL'auteur tskuzzy

  2. 15

    Si votre image noms sont séquentiels comme ton dit, vous pouvez créer une boucle pour les noms de vérifier à chaque itération si l'image existe et si elle n'a pas de saut de la boucle:

    var bCheckEnabled = true;
var bFinishCheck = false;

var img;
var imgArray = new Array();
var i = 0;

var myInterval = setInterval(loadImage, 1);

function loadImage() {

    if (bFinishCheck) {
        clearInterval(myInterval);
        alert('Loaded ' + i + ' image(s)!)');
        return;
    }

    if (bCheckEnabled) {

        bCheckEnabled = false;

        img = new Image();
        img.onload = fExists;
        img.onerror = fDoesntExist;
        img.src = 'images/myFolder/' + i + '.png';

    }

}

function fExists() {
    imgArray.push(img);
    i++;
    bCheckEnabled = true;
}

function fDoesntExist() {
    bFinishCheck = true;
}

    OriginalL'auteur Yuriy Galanter

  3. 1

    Vous avez besoin d'un moyen d'obtenir la liste des fichiers dans ce dossier. Il peut être défini manuellement comme un tableau, ou récupérées par une requête AJAX vers un script côté serveur qui contient les fichiers pour vous. De toute façon, il n'y pas de "magie" pour obtenir toutes les images dans un dossier.

    OriginalL'auteur Niet the Dark Absol

  4. 0

    Si vous avez tous les noms des fichiers dans le dossier, vous aurez besoin pour parcourir et ouvrir chaque image par un nom. Vous ne pouvez pas charger la totalité du dossier directement et vous ne pouvez pas accéder au système de fichier en Javascript pour obtenir les noms, vous aurez besoin de passer à la page à l'aide de quelque chose comme PHP.

    OriginalL'auteur peacemaker