自社のWebサーバにアップロードした画像を呼び出すには、条件があります。
- 「相対パス」ではなく「絶対パス」で指定
- ローカルディレクトリではなく、Web上のURLをもとに表記
具体的な例は以下のとおりです。
✕ 問題のある例 | C:\UserNname\ドキュメント\sample.jpg \ドキュメント\sample.jpg sample.jpg |
○ 良い例 |
https://jcity.com/sample.jp |
Web上の絶対パスを指定しているにも関わらず、表示されない場合、「トラブルシューティング」の表を上から順にお確かめください。
トラブルシューティング
確認事項 |
結果と対応策 |
---|---|
画像のURLが「https://」からはじまっているか確認する |
「http://(sのない形)」の場合は、ブラウザ側の動作によって表示されません。 呼び出し元ページはサーバ証明書により暗号化されたSSL/TLS通信(https://のURL)であり、 読み込むファイル(画像やcssなど)はSSL/TLS通信外の場合(http://のURL)、 「混合コンテンツ」といい、セキュリティ上の理由でブラウザによって画像が表示されません。 サーバ証明書が導入されたURL(https://のURL)でアクセスできる環境にファイルをアップロードしなおしてください。 なお、ファイルの表示(読み込み)部分に対して、この制限が発生します。 リンク(Aタグ)で指定したWebサイトなどは「http://のURL」でも問題ありません。 |
画像のURLを、ブラウザのアドレスバーに指定して直接表示する | 表示されない場合、画像のURLに誤りがある可能性がございます。正しいURLを指定してください。 |
画像のURLを一時的に「https://service.jcity.com/v3/supportTool/sampleImg.jpg」に差し替える | 表示されない場合、画像タグの記入ミスが考えられます。 正しい画像タグを指定してください。 |