How to load images from folder by using javascript

Question

There are 0.png, 1.png, 2.png, ... in folder images. How to load all them. Number of the images unknown.

} while(!img[numOfImages].onerror);

alert("numOfImages = " + numOfImages);

var	
  numOfImages = 0;
  img = [];	

do{
	img[numOfImages] = new Image();
	img[numOfImages].src = "images/" + numOfImages + ".png";
	numOfImages++;
} while(!img[numOfImages].onerror);
alert("numOfImages= " + numOfImages);

master94ga · Accepted Answer · 2015-12-12 11:49:15Z

1

Code:

    var dir = "Src/themes/base/images/";
var fileextension = ".png";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: dir,
    success: function (data) {
        //List all .png file names in the page
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("http://", "");
            $("body").append("<img src='" + dir + filename + "'>");
        });
    }
});

This will load all the image .png present in a folder, care that this code use jquery.

answered Dec 12, 2015 at 11:49

master94ga

532 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Yaroslav Shabanov Over a year ago

Is it possible to load images without using Ajax?

master94ga Over a year ago

You can't because basic javascript doesn't have directly access the contents of a file system.

master94ga Over a year ago

You can't know the number witj javascript. Read here: stackoverflow.com/questions/1266004/… You can only with ajax: stackoverflow.com/questions/29232134/…

Collectives™ on Stack Overflow

How to load images from folder by using javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related