Home » Check If Folder Or File Exists Using JavaScript

Check If Folder Or File Exists Using JavaScript

To check if Folder Or File Exists Using JavaScript, we use XMLHttpRequest() function to open that URL or file path which gives some status about the file.

Check live view below

Check If Folder Or File Exists Using JavaScript

After calling the XML request we check the status code of that path. If the path has 404 then that means the file is not available on that path.

It can be also check if you set the only folder or directory path on the URL.

So now we check the source code of Folder Or File Exists Using JavaScript,

Source Code to Check If File Path Exists JavaScript

Code Explanations:

  • First, we call the XMLHttpRequest which is a built-in browser object which allows making an HTTP request.
    • var xhr = new XMLHttpRequest();
  • var xhr = new XMLHttpRequest(); This line of code takes the URL and initializes the request to the given URL.
  • After that, we check the URL status which is coming from the XHR request. And we all know 404 means files not found.
    • xhr.status

Source Code to Check If Folder Path Exists JavaScript

For this, we use the same function which we create on the above task. we just change the PATH on the parameter.

Here is the complete source to check if the file path exists using JavaScriptand check if the folder exists using JavaScript.

To know more about XMLHttpRequest you can check here: https://javascript.info/xmlhttprequest

Live view of checking file and folder exists using JS

Also Check:

Happy Coding..!

Was this article helpful?
YesNo

3 thoughts on “Check If Folder Or File Exists Using JavaScript”

  1. Pingback: Check If String Contains Exact Match in JavaScript - PHPCODER.TECH

  2. Pingback: User Login Form Validation using Ajax in PHP - PHPCODER.TECH

  3. Pingback: JavaScript For Loop Complete Guide With Example - PHPCODER.TECH

Leave a Reply

Your email address will not be published. Required fields are marked *