How to check image file from other site is visible

Question

I use image file from other site.

<img src="//othersite.url/xxx.jpg">

But it's often unvisible. Because Http status is 404 ,301, etc.

How can I check the image can be visible?

Your question is unclear: Do you want to do this *client-side* (JavaScript, jQuery, HTML, CSS), or *server-side* (PHP)? — T.J. Crowder, Oct 03 '15 at 13:04
"other" site means `http://` doing `//` only checks what's on "your" server. — Funk Forty Niner, Oct 03 '15 at 13:05
@Fred-ii-: No, because it's a `//`, not just a `/`, it's a [*protocol-relative URL*](http://blog.niftysnippets.org/2011/01/skipping-protocol.html). — T.J. Crowder, Oct 03 '15 at 13:09
use a javscript image preloader http://stackoverflow.com/questions/901677/the-definitive-best-way-to-preload-images-using-javascript-jquery/901699#901699 — charlietfl, Oct 03 '15 at 13:22
get_headers has problem. 301,302 can be visible or unvisible. 200 can be unvisible... — lightwill, Oct 03 '15 at 21:40
My database has many image url. I want to output only visible image url. So if image is unvisible, I want to add unvisible_flg on database. Anyway client-side or server-side. — lightwill, Oct 03 '15 at 21:41
Google HTML/CSS Style Guide Recommended "//example.com/" Not recommended "http://example.com/". — lightwill, Oct 03 '15 at 21:44

Rohit Kumar · Answer 1 · 2015-10-03T13:30:08.400

0

In php you can check it if file exist ..

<?php
$imageurl=//othersite.url/xxx.jpg;
if(file_exists($imageurl)
  echo "Yes";
else
  echo "No";
?>

edited Oct 03 '15 at 13:30

answered Oct 03 '15 at 13:24

Rohit Kumar

score 0 · Answer 2 · answered Oct 03 '15 at 13:57

0

Use onload and onerror event handlers.

<img src="//othersite.url/xxx.jpg" onerror="alert('error')"  onload="alert('image loaded')" >

answered Oct 03 '15 at 13:57

iimos

2 Answers2