Javascriptで画像の存在を確認する

画像ファイルの存在をJavascriptから調べたいと思いました。色々調べたところ、次のようにすればできそうでした。

実際にダウンロードできるか試して調べる

<script type="text/javascript">
	function checkImage(url) {
		console.info('Loading: ' + url + '<br>');
		var img = new Image();
		img.onload = function() {
			console.info('Loaded: ' + url + '<br>');
		}
		img.onerror = function(){
			console.info('Failed: ' + url + '<br>');
		}
		img.src = url;
	}
	checkImage('http://my365.in/apple-touch-icon-precomposed.png');
	checkImage('http://my365.in/apple-touch-icon-precomposed-not-exist.png');
</script>

画像の読み込みをかけてみて、読み込みができればonloadが、読み込みができなければonerrorが呼ばれるようです。ただ非同期的に動くので、単に存在に存在を調べようと思うと、もう一手間いりますね。

結果

それぞれちゃんとonloadとonerrorが呼ばれました。

一瞬使えるかなーと思ったけど、あまり使い道なさそう・・・。

About katty0324

Leave a Reply

Scroll To Top