http://から始まる画像を読み込みたい

SSL化が進みブラウザも非SSL通信と混在出来ない様な形になってきました。

今回は｢みえますねっと｣を利用してライブカメラの画像を読み込んでサイト上に表示させているケースです。

ライブカメラの画像はSSL化が出来ておらず、画像を表示させていたサイトもSSL化が進んでいませんでした。
この状態であれば双方SSL通信で無いため問題ありません。

ところがサイトをSSL化する事で表示できない形となりました。

そこで次の関数を作成。

function zipang_change_base64($image_url) {

	$image_type = "image/jpeg";

	$img_base64 = base64_encode(file_get_contents($image_url));
	$entry_image = "data:".$image_type.";base64,".$img_base64;

	return $entry_image;

}

画像を表示させる場所に次の様な形で関数を利用します。

<img src="<?php echo zipang_change_base64('http://画像のURL'); ?>" width="640" height="480" alt="" />

これでBase64に変換した画像が表示される様な形になります。

保存して表示する形もとれますが、
今回のケースでは逐次ライブカメラの画像は更新されるため、
保存では無く読み込み毎にBase64に変換する形をとりました。