how to check image exist or not in my local system using ajax

Question

We have image in D:\img\need.png. We need to know image exist or not.We tried like this:-- It's call error method always

$.ajax({
        url:'http://www.himansuit.com//modiyojana.jpg',
        type:'HEAD',
        error: function(jqXHR, textStatus, errorThrown)
        {
            alert("file does not exist");
            console.log(textStatus); 
             console.log(jqXHR); 
             console.log(errorThrown); 
        },
        success: function()
        {
            alert("file exists do something here");//file exists do something here
        }
    });

Please guide me .What wrong in my code .How check file exist or not in my system using ajax call

We got Error this enter image description here

You can not access to the local filesystem from a javascript code hosted in a web page. — Gaël Barbin
– Gaël Barbin, Commented Apr 8, 2015 at 5:28
You will have to set up a web server and a script which then will check if a file exists and will return true or false to your script. — Gaël Barbin
– Gaël Barbin, Commented Apr 8, 2015 at 5:29
@Gael thanks for Reply but no need access jest checking file exist or not .First tell me it's possible or not .Please guide me — Pavan Alapati
– Pavan Alapati, Commented Apr 8, 2015 at 5:30
that is the same problem to check if a file exists or accessing it — Gaël Barbin
– Gaël Barbin, Commented Apr 8, 2015 at 5:32
Which server side script do you use ? If php we can check it in server end. — krishna
– krishna, Commented Apr 8, 2015 at 5:39

krishna · Accepted Answer · 2015-04-08 05:49:08Z

1

In server side use script like this.

<?php $filename = '/path/to/foo.txt';    if (file_exists($filename)) {echo "1";//existed
}else {    echo "0";//not}?>

In front end script do ,

$.ajax({
    url:'checkfileexists.php',
    type:'post',
    error: function(jqXHR, textStatus, errorThrown)
    {
        alert("file does not exist");
        console.log(textStatus); 
         console.log(jqXHR); 
         console.log(errorThrown); 
    },
    success: function(data)
    {
      if(data==1)
        alert("file exists do something here");//file exists do something 
      else
       alert("not");  
    }
});

edited Apr 8, 2015 at 5:49

answered Apr 8, 2015 at 5:44

krishna

1461 gold badge1 silver badge13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pavan Alapati Over a year ago

thanks for Reply .We Placed image in server like this himansuit.com//modiyojana.jpg now We need check image is exist or not we don't about PHP

Gaël Barbin · Accepted Answer · 2015-04-08 06:07:00Z

As told in comments, you first have to set up a web server on your local OS. For example Apache, or even a node web server. Installation depends on your system.

Then, you have to write a script which receives a file path and check if there is a file here.

So, your ajax call will looks like that:

$.ajax({
        url: 'http://localhost/script_path/script.php' //or script.js, or...
             +'?path=D:/img/need.png',
        type:'GET',
        error: function(jqXHR, textStatus, errorThrown)
        {
             console.log(textStatus); 
             console.log(jqXHR); 
             console.log(errorThrown); 
        },
        success: function( response )
        { 
           if( response )
              alert("file exists do something here");//file exists do something here
           else
              alert("file does not exist");
        }
    });

edit

To check if a file exists, hosted on a different domain, without having a CORS restriction:

function checkFileExists( url ){
  
  var img= document.createElement('img');
  img.style.display= "none";
  img.onload= function(){ alert( url + " exists")};
  img.onerror= function(){ alert( url + " does not exists")};

  img.src= url;
}

checkFileExists("http://www.himansuit.com/modiyojana.jpg");
checkFileExists("http://www.fakedomain.com/modiyojana.jpg");

Collectives™ on Stack Overflow

how to check image exist or not in my local system using ajax

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related