CODEWITHSUNDEEP
javascriptjqueryhtmlajax
devgp
devgp

Reputation: 1321

Is it possible in Javascript to open a directory and read an image file and display it to html?

I was wondering if it is possible in JS to open a directory, read an image file and display it to Html? I believe JS restricts from being able to open any file in a directory directly, but what I want is:

I have a XML file which will contain the path to a image file in the web server root folder so my hierarchy is like this

webserver root folder--->|
                        html
                        js
                        css
                        images
                        xml

, and I will use XmlHttpRequest and feed the directory tag and file name tag to my JS file which has to display the image to my frame in the Html page.

[My image is also in the same webserver root folder but in a different folder from html]

Any pointers on how to go about it? I guess we can store the image file also in XML as a base64 encoded data, but that would make the data exchange huge, also don't know if this is a ideal method (is it? please suggest)

Please give me some tips for this.

Thanks

Balaji R

Upvotes: 0

Views: 5536

Answers (3)

daalbert
daalbert

Reputation: 1475

If I am following you correctly, example.com/js/somefile.js is trying to access something like example.com/images/image.jpg?

If so then i would either use the absolute URL of the image:

"http://www.example.com/images/image.jpg" or the relative path "../images/image.jpg"

When referencing the images in your code you could actually use a plain text file, one image path per line. Then in your onreadystatechange function:

pictures = var.responseText.split("\n");

now pictures is an array of picture paths.

Upvotes: 1

Scherbius.com
Scherbius.com

Reputation: 3414

JavaScript does not have access to filesystem on server, since it runs on the client side.

But with JavaScript or Ajax you can call some php code on server which will read the image from the file system and then it will pass this image back to the JavaScript.

I have described here how to do this.

Upvotes: 2

stevecomrie
stevecomrie

Reputation: 2483

JavaScript only has access to the information & priviledges that the browser has access to, so unless the image is in a directory that would normally be accessible on the web site, you're not going to have much luck using just JavaScript.

Is there any way that you can make the path in the filesystem available to the web document root folder? Maybe by using an Alias or Symlink?

Upvotes: 0

Related Questions