2012-05-26 17 views
11

とリモートのIMG SRCリモートサーバからの画像の表示:現在のページは、HTTPS経由でアクセスされた場合は、暗号化されていないHTTP経由で画像をリンクするセキュリティが得られますHTML/JavaScriptを - 自動HTTP/HTTPSプレフィックス

<img src="http://remotehost/path/to/a.png" alt="Image A" /> 

を警告。現在のプロトコルに関係なくhttps://を指定することはできますが、必要な場合(訪問者がHTTPSを使用している場合)を除いてこのイメージの送信を保護することは実際には気にしないので無駄です。

imgタグのsrc属性のURLを指定して、現在のページにアクセスするために使用されるプロトコルに基づいてURLのプロトコルが動的に選択されるようにすることはできますか?私が意味するものを説明する:

<img src="(JavaScript's window.location.protocol)//remotehost/path/to/a.png" alt="Image A" /> 

JavaScriptを使用するとどうなりますか?私たちはimgタグにIDを与えて、それを見つけてsrcがwindow.location.protocolで始まるように設定することができます。

HTTP/HTTPSの問題を回避するためにbase64を使用することもできますが、これは私がやっていることには理想的ではありません。

あなたは何をお勧めしますか?

答えて

21

ちょうど行います

<img src="//remotehost/path/to/a.png" alt="Image A" /> 
+3

少し詳しく説明します。 Paul Irishはこれについて良い[記事](http://paulirish.com/2010/the-protocol-relative-url/)を書きました。 – Matijs

+0

非常に有用なans。 – gdmanandamohon

0

をファイルには、LAN上にある場合は、ファイルを使用する必要があります://プロトコル は、パス 前に5スラッシュを追加しますので、私のサーバー名がathensserverのでf://///athensserver/(あなたがここで共有もの)であります

file://///athensserver/athens/0/e1.png" 
関連する問題