Question

80

Find all images in folder with Javascript

rated 0 times [ 83] [ 3] / answers: 1 / hits: 19467 / 12 Years ago, thu, april 12, 2012, 12:00:00

Sorry If this is trivial,

Edit: in short I found out this really isn't intended to be done with client-side JavaScript.

I am wondering if i know a folder has pictures. /home/project1/pictures
and they follow some naming convention face102039.jpg face1030303.jpg ...

Is there a was to know every picture thats in there starting with face but not knowing what numbers are after it? Like is there a way i could possibly grab all the file names with a .jpg or .png extension and then i would know how to parse their strings. I am just not sure how to get all the files in a directory with javascript.

I saw this similar post, and I know how to do what I want in Java, but i couldnt find a way to do this in javascript. I was thinking about doing it server side with java or ruby but I am pretty sure i should be able to do this clientside via javascript. Maybe I am wrong though.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

estefanib

Add To Favorites

Follow

Total Points: 508

Total Questions: 104

Total Answers: 83

Location: Lebanon

Member since Sun, Aug 2, 2020

4 Years ago

estefanib questions

1 JavaScript - wait until element loaded on website using Chrome extension

Sat, Jul 10, 21, 00:00, 3 Years ago

1 How to auto close an alert after few seconds with Bootstrap?

Mon, Jun 28, 21, 00:00, 3 Years ago

1 What is the difference between a User and a GuildMember in discord.js?

Sun, Sep 20, 20, 00:00, 4 Years ago

1 react styled components style inner elements

Fri, Aug 21, 20, 00:00, 4 Years ago

1 How to automatically refresh an interactive grid after clicking on save button or at a fixed interval?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 12 Years ago terrence · Accepted Answer

Given the constraints it is technically possible to do this, just not very practical. I would not recommend using this since you could lock up the user's browser pretty quickly.

var len = 2000000;//How long you want to wait.

var pics=[];

for(var i=0;i<len;i++){

  a=new Image();

  a.onload=function(){

    pics.push(this);

  }

  a.src='/home/project1/pictures/face'+i+'.jpg';

}

The real answer is you need to implement a back end in PHP, RoR, etc. To send you a list of the files in the picture folder. This can be done with AJAX.