JavaScript file_exists
Returns true if filename exists
1 2 3 4 56 7 8 9 1011 12 13 14 1516 17 18 19 2021 22 23 24 25 | function file_exists (url) { // Returns true if filename exists // // version: 1008.1718 // discuss at: http://phpjs.org/functions/file_exists // + original by: Enrique Gonzalez // + input by: Jani Hartikainen // + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) // % note 1: This function uses XmlHttpRequest and cannot retrieve resource from different domain. // % note 1: Synchronous so may lock up browser, mainly here for study purposes. // * example 1: file_exists('http://kevin.vanzonneveld.net/pj_test_supportfile_1.htm'); // * returns 1: '123' var req = this.window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest(); if (!req) {throw new Error('XMLHttpRequest not supported');} // HEAD Results are usually shorter (faster) than GET req.open('HEAD', url, false); req.send(null); if (req.status == 200){ return true; } return false; } |
Examples
Running
1 | file_exists('http://kevin.vanzonneveld.net/pj_test_supportfile_1.htm'); |
Should return
1 | '123' |
Dependencies
No dependencies, you can use this function standalone.
Open syntax issues
php.js uses JsLint to help us keep our code consistent and prevent some common bugs.
Eventually we want all code to pass or at least take into consideration most fixes suggested by JsLint, following this JsLint configuration we’ve decided on.
Authors
Thanks to the following developers, you get to have file_exists goodness in JavaScript.
James 'Skateside' Long
May 22nd 
Hi guys
This is my first contribution to php.js, but I feel that it's an important one.
Firstly, Wikipedia (http://en.wikipedia.org/wiki/Xmlhttprequest) assures us that there are a few more ActiveXObject parameters that can be tried to allow older versions of MSIE to use this function. This can be easily fixed by replacing the ternary opperator on line 14 with a self-executing function to try as many things as possible.
Secondly, checking an absolute URL offline in Firefox throws an NS_ERROR_FAILURE error. I think the best solution to this is to check whether the file location is an absolute reference and whether or not the script is being run online. If the reference is absolute but the script is being run offline, just assume the file exists.
Finally, any status returned that's between 200 and 300 is technically a sucessfull response.
So, with all these in mind, I'd like to propose the following function as the new file_exists(). Please note that I've tweaked this so that it only returns true or false so I can use it in my own scripts - feel free to add your own error handling to the function.
function file_exists(url) {
// Fire up the AJAX function
var req = (function() {
if (typeof XMLHttpRequest == "function") {
return new XMLHttpRequest();
} else {
XMLHttpRequest = function () {
try {return new ActiveXObject("Msxml2.XMLHTTP.6.0");}catch(e){};
try {return new ActiveXObject("Msxml2.XMLHTTP.3.0");}catch(e){};
try {return new ActiveXObject("Msxml2.XMLHTTP");}catch(e){};
return false;
};
}
}());
// If we can't use AJAX, or we're offline, we'll have to assume that the image is fine until proved otherwise
if (!req || (url.match(/https?:\/\//i) && !window.location.href.match(/https?:\/\//i))) {return true;}
// Send a 'HEAD' request since it's faster than 'GET' and 'POST'
req.open('HEAD', url, false);
req.send(null);
// Any status in the 200 range is a successful request
return (req.status >= 200 && req.status < 300);
}
Kevin van Zonneveld
18 Nov '08
@ frame: This could happen if you are writing multiple comments at the same time, cause only one allowed security key is remembered per user. Could this be your case as well?
James 'Skateside' Long
May 22nd
/^https?:\/\//i