画像のＵＰすると「"file:///c:/～」で始まってしまう

Question

ＨＰを作成中の初心者です。いろいろな方の「HTMLの書き方」を参照してnotepadでHTMLタグを勉強しながら手書きで作成しています。

　自分のＨＰに画像とリンクを張ろうと、リンクバナーの画像を自分のサーバーにアップしたのですが、画像のＵＲＬが「"file:///c:/～」で始まるものになってしまいます。
　　
　画像をＵＰするとき↓のように

<IMG SRC="C:\Documents and Settings\○○\My Documents\rinku\ファイル名.gif">
　
としていました。
　他の質問を参照にすると、これでは自分のＰＣのファイルを参照することになってしまう・・ということはわかりました。
　そこで、対処方として「ＨＴＭＬを手書きで直す」とあるのですが、どのように書き直していいのかがわかりません。

　初歩的な質問で恐縮です。ＨＴＭＬ勉強中ですので、わかりやすく教えていただけませんでしょうか？？

　ちなみにFFFTPを使ってＵＰしてます。

noname#8251 · Accepted Answer

file～から始まるということは画像のパス(指定先)が間違っているんでしょう。回答者皆さんがおっしゃっている根本的なことをご理解されていないようですね。 file～やhttp:～は絶対パスと呼ばれ「その場所」をしているということです。file～は自分のパソコン内を指定しているわけですからあなた以外のパソコンでは画像自体が存在しないわけですから見られません。そうなると相対パスという形でそのファイルからリンク先のものがどこに存在するかを指定してあげる方法でリンクを作り、またその通りにファイルをアップすることで自分以外の人も画像が見られるようになるわけです。＃すべてhttpではじまるアップロードした状態の＃URLを指定する方法もありますがファイル数が＃増えると管理は大変ですし、第一サーバを移す＃ときには全て書き換える羽目になり大変面倒で＃すから絶対パスでの指定、よほど理由がない限＃りやめたほうがいいです。下記のようにディレクトリ構造がなっているとしましょう。（どんな風にファイルがおいてあるかということです）＊sozaiはディレクトリ（フォルダ）（例１） index.html（画像のリンクを張りたいページ） │ sozai / picture.gif（ページに表示させたい画像）

＊意味は「画像はindex.htmlファイルから見てsozaiディレクトリの中にある」ということです。（例２） picture.gif（ページに表示させたい画像） │ file　/　link.html（画像のリンクを張りたいページ）

＊意味は「画像はlink.htmlファイルから見て階層をひとつあがったところにある」といった感じです。説明が下手で申し訳ないのですが・・・その辺りの確認をされているようには補足を読んでいる限りないようなので・・・。これからページを増やしていくつもりならパスの指定の仕方は覚えておくべき事柄のひとつです。勉強しているならはじめのほうに出てくることのはずですが・・・。何かあれば補足ください。

gakushaneko · Answer

最初から，もう一度，パソコン内のサイトとアップロード先のサイトを構築しなおす方が良いのではないかな？

とりあえず，どこかにホームページ名などで名前をつけたフォルダを作成し，その中にホームページで使うファィルやフォルダを移動させてください。
A.htmlファイルで使う画像ファイルなどは，そのA.htmlファイルと同じフォルダに移動します。
つまり，A.htmlファイルで使うB.gifファイルがあったとしたら，A.htmlファイルとB.gifファイルは同じフォルダに入れると言う具合です。
で，後は，A.htmlファイルのタグを次のように書き換えます。
<IMG src="B.gif">
すべてのHTMLファイルを書き換えたら，一応確認してから，アップロードしてください。
これで，パソコン上で確認しても，アップロード後にそれを確認してもきちんと表示できるはずです。（ファイル名（拡張子も含む）の大文字と小文字を間違えないようにしてくださいね）

たぶん，壁紙を使っていないようでしたら，これだけで充分だと思いますよ。

BlueRay · Answer

下記３点を伏せるべき所は伏せて補足してもらえますか？
そうすれば、ズバリな回答が出てくると思いますよ。

・画像がUploadされている場所
・htmlがUploadされている場所
・htmlに記述している<IMG ～>はどのように書いているか

kmor · Answer

No.1です。 URLが正しく表示されるなら、HTMLでの指定の方法はそれでいいと思います。あと、画像が×になるのは、画像を正しく表示されていませんね。画像が指定先にありますか？もちろんハードディスクにある画像はちゃんと表示されるんですよね？簡単なHTMLファイルを作って確認してみてください。

c:\xxx\のところは実際のフルパスを指定してください。ちゃんと表示されないなら画像自体に問題があります。ちゃんと表示される場合は、URLと実際のファイルの場所があっているかどうか、ファイル名はあっているかを調べてください。パスやファイル名は大文字小文字もチェックしてみてください。それで出来るようになると思いますが。

noname#3361 · Answer

<IMG SRC="http://***.com/ファイル名.gif"> 

ルートへのアップならこれでいいはずですよ。
とにかく画像自体がアップされているか直接URLを打って確認してみてください。
もし表示されればプロパティで表示されるアドレスを入力すればＯＫです。

ogatta · Answer

上手く答えられるか分かりませんが、私のサイトではあるページに D:\○○○\home\sozai\rain\moonline1.jpg っという画像を利用しています。これをタグで打つときは

という風にしています。おそらくこの場合、

でいいかと思います

koboy0808 · Answer

画像のファイルはコピーして１度、ディスクトップ
に、貼り付けした後で、アップして下さい！public_htm　の中にですよ！

kmor · Answer

画像をアップする場所を決め、その場所を指せば大丈夫です。例えばHTMLファイルと同じ場所にあるのなら、

でいいですし、imgというフォルダなら

相対的に場所がわかりづらいなら絶対パスで

とすれば大丈夫です。

画像のＵＰすると「"file:///c:/～」で始まってしまう

file～から始まるということは画像のパス(指定先)が間違っているんでしょう。

最初から，もう一度，パソコン内のサイトとアップロード先のサイトを構築しなおす方が良いのではないかな？

下記３点を伏せるべき所は伏せて補足してもらえますか？

No.1です。

<IMG SRC="

この回答への補足

上手く答えられるか分かりませんが、

この回答への補足

画像のファイルはコピーして１度、ディスクトップ

この回答への補足

画像をアップする場所を決め、その場所を指せば大丈夫です。

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

　画像のファイルはコピーして１度、ディスクトップ