Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Check If Image Exists with Given URL or Not Example

Oct 4, 2015
Introduction

Here I will explain how to check if image exists with given url in
jQuery or check if image exists with url before adding it using jQuery with example or jQuery check if given image url valid or not example. By using $.ajax method in jQuery we can check if exists with given url or not.

Description:
  
In previous articles I explained jQuery change text size with example, jQuery ajax gridview crud operations (insert, update, delete) with database, jQuery display gridview row details in modal popup dialog,
jQuery validate radiobuttonlist with example and many articles relating to css, AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to check if image exists with given url in jQuery with example.

To check if image exists with url in jQuery we need to write the code like as shown below


$('#btnStatus').click(function () {
$.ajax({
url: $('#txtUrl').val(),
success: function (data) {
alert('exists');
},
error: function (data) {
alert('does not exist');
}
});
});

If you want to check it in complete example you need to write the code like as shown below


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery check if file exists on remote server</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
$('#btnStatus').click(function () {
$.ajax({
url: $('#txtUrl').val(),
success: function (data) {
alert('exists');
},
error: function (data) {
alert('does not exist');
}
});
});
})
</script>
</head>
<body>
<form id="form1">
<div>
<b>Enter Url to Check:</b><input type ="text" id="txtUrl" value="https://tpc.googlesyndication.com/simgad/410792485310583205" /><input type="button" value="Check Status" id="btnStatus" />
</div>
</form>
</body>
</html>

Live Demo

Please check below live demo to know if image exists in given url in jQuery



Enter Url to Check:


If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email

1 comments :

Anonymous said...

Nice trick -- now show me how to display the image on the page IF it exists -- without making a second request for it. ;)

Give your Valuable Comments

Other Related Posts

© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.