プロが教えるわが家の防犯対策術!

HP制作の初心者です。

基本的な質問かと思いますがよろしくお願いします。

FFFTPを使って、画像をアップしたいのですが、IEでは見れるのに、Mozillaでは見れません。

どうしてでしょうか。

<td width="25%"><img src="C:\Program Files\citclejpg/aaa.jpg" width="150" height="120"></td>
<td width="25%"><img src="C:\Program Files\citclejpg/aaa2.jpg" width="150" height="120"></td>

<td width="25%"><img src="C:\Program Files\citclejpg/aaa3.jpg" width="150" height="120"></td>
<td width="25%"><img src="C:\Program Files\citclejpg/aaa4.gif" width="150" height="120"></td>


といった感じです。

よろしくお願いします。

A 回答 (4件)

自分のローカルな環境で扱いたい場合を想定しまして・・・。



<img src="file:///C:
ネスケ系では、上記の様に file:/// が必要です。
尚、この記述でも IE6 で見る事はできました。

それから、これはあくまで閲覧者の環境にあるファイルを見るという指定です。
サーバの様に公開する場合はまずその画像が閲覧者に見える位置に存在しなければならず、またそのアップした場所を指し示さなければなりません。



今回、
>FFFTPを使って、画像をアップしたいのですが、
>IEでは見れるのに、Mozillaでは見れません。
とありますが、まず画像の位置を
><img src="C:
と指定している事により閲覧者のCドライブにあると表現しています。
この時点でブラウザは画像を閲覧者の端末(たぶんPC)から画像を探しますので、画像がアップされているかどうか関わらず、その為に画像アップも成功しているか不明です・・・。ご注意下さい。
次にIEでは見れるとの事ですが、開発者の環境でたまたま見えているだけです・・・。というか、アップした画像は見えていません。アップした先(サーバ)ではなく閲覧している端末(クライアント)の C:\Program Files\citclejpg/aaa3.jpg を見ているだけです。
更に Mozilla だとそのローカルの指定では file:/// の指定が必要だったというだけの事です・・・。


最後に、望ましい対処方法ですが、
まぁ「相対パス」(「./aaa.jpg」同じフォルダ内という意味。 「../bbb.jpg」1つ上のフォルダ内という意味。 「../../ccc/ddd.jpg」2つ上のフォルダ内の ccc フォルダ内という意味)を用いるのがお勧めかと・・・。とりあえず、ローカルでも表示確認できます。
    • good
    • 0

>C:\Program Files\citclejpg/aaa.jpg


上記のようなパス指定に問題があるのでは?
これでは、このホームページを見た人は、勝手に自分のパソコンの
Cドライブにあるファイルを開こうとしていまいます。
実際には、開く前にブラウザが警告を出すと思います。

画像ファイルが「citclejpg」フォルダにあるとすると
「<img src="citclejpg/aaa.jpg"...」という感じで
良いのでは?
    • good
    • 0

指定ファイルパスが「C:\~」となっている時点で既に問題ありだと思います。


WEB上から直接ローカル画像を参照した場合、貴方しかそれを見ることは出来ません。
HTMLで読み込む外部ファイルはhttp://~の絶対パス、または相対パスで指定しましょう。

参考URL:http://heo.jp/tag/kowaza/zatsugaku/02.html
    • good
    • 0

とりあえず、HP作成して


サーバーにアップしたのであれば
書き方が間違っています。

C:\Program Files\citclejpg/aaa.jpg
っというのは、ご自分のパソコンの
CドライブのProgram Filesの中の画像を指定しているので
あなた以外の他の人には、みえません。
もちろん、あなたがオンラインでみれば、見れません。

モジラでみれるみれないの前に
タグを書き直せば、どのブラウザでも見れるようになります。


相対パスで検索を。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!