====== 📝パスワードつき画像 ======
Web画像にパスワードをつける方法
----
===== はじめに =====
Webサイトにアップロードする画像をパスワードを知っている人しか見られないようにするには通常.htaccessによるアクセス制御かパスワード付きのZIP圧縮する方法が一般的ですが、.htaccessはFTP側からは制限ができず、ZIP圧縮ではダウンロードして展開(解凍)作業が必要になります。
FTP側から見ても暗号化されていてダウンロードと展開作業が不要な方法を考えると、PDFのパスワード設定とhtmlのobject要素を使えばWebサイト上でパスワードを入力するだけで画像が表示できそうだと気が付きました。
閲覧にはPDFビュワーが必要ですが最近のブラウザはインストール済み、入って無くても各種OS用のPDFビュワーが無料で入手できます。
===== デモ =====
Windows版のChrome/Firefox/EDGE/Operaで試して下さい(IEはダウンロードリンクになる事があります)
※Edgeはver42だと表示されません。ダウンロードをクリックしてご覧ください。
パスワードに「test」と入力すると画像が表示されます。(PDFビューワーが無い場合はリンクからダウンロードしてください)
===== 注意 =====
ブラウザによって動作が違います
^Firefox|object部分にパスワード入力表示|
^Google Chrome|object部分にパスワード入力表示|
^Opera|object部分にパスワード入力表示|
^Microsoft EDGE|