How to use JavaScript to determine whether a file exists in a directory?

Question

How to use javascript to determine whether a file exists in a directory?

Answer 1

If it's on the server, you could make an HTTP HEAD request via Ajax, and look if the HTTP Status Code is 404 (Not found) or 200 (Ok).

An example using jQuery:

$.ajax({
  type: 'HEAD',
  url: 'somefile.ext',
  complete: function (xhr){
    if (xhr.status == 404){
      alert(xhr.statusText); // Not found
    }
  }
});

Answer 2

If the JavaScript is running in a web browser, you do not have access to the local filesystem. If there were a way to get access to the local filesystem, it would be considered a security hole that would be fixed by the browser vendor.

Answer 3

I don't know if there's an elegant way to do this, but for a lightweight solution you could try and load the file as the src to an Image object, and handle the onerror event.

Answer 4

var fso = new ActiveXObject("Scripting.FileSystemObject");
var folderPath="set you path here";
//to check whether folder exists
fso.FolderExists(folderPath)) 
//to check whether file exists          
alert(fso.FileExists(folderPath+ "\\<filename>"));

How to use JavaScript to determine whether a directory exists?