• ベストアンサー

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

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

  • HTML
  • 回答数8
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
noname#8251
noname#8251
回答No.6

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

その他の回答 (7)

回答No.8

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

  • BlueRay
  • ベストアンサー率45% (204/453)
回答No.7

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

  • kmor
  • ベストアンサー率27% (225/825)
回答No.5

No.1です。 URLが正しく表示されるなら、HTMLでの指定の方法はそれでいいと思います。 あと、画像が×になるのは、画像を正しく表示されていませんね。 画像が指定先にありますか？ もちろんハードディスクにある画像はちゃんと表示されるんですよね？ 簡単なHTMLファイルを作って確認してみてください。 <HTML> <BODY> <IMG SRC="C:\xxx\ファイル名.gif"> </BODY> </HTML> c:\xxx\のところは実際のフルパスを指定してください。 ちゃんと表示されないなら画像自体に問題があります。 ちゃんと表示される場合は、URLと実際のファイルの場所があっているかどうか、ファイル名はあっているかを調べてください。 パスやファイル名は大文字小文字もチェックしてみてください。 それで出来るようになると思いますが。

noname#3361
noname#3361
回答No.4

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

youyou2003
質問者

補足

　回答ありがとうございます。 いろいろ、他の方からも教えていただいているのですが、うまくできません（ＴＴ） 直接ＵＲＬをうって画像はでるのですが、その画像上でプロパティを 開いてＵＲＬを見ようとすると、「file」から始まってしまってます。 なにが間違っているか予測できますでしょうか？？

  • ogatta
  • ベストアンサー率26% (6/23)
回答No.3

上手く答えられるか分かりませんが、 私のサイトではあるページに D:\○○○\home\sozai\rain\moonline1.jpg っという画像を利用しています。 これをタグで打つときは <IMG SRC="sozai/rain/moonline1.jpg"> <IMG SRC="フォルダ名/フォルダ名/ファイル名.保存形式"> という風にしています。 おそらくこの場合、 <IMG SRC="ファイル名.gif"> でいいかと思います

youyou2003
質問者

補足

回答ありがとうございます。 教えていただいたタグ「<IMG SRC="ファイル名.gif>」 をnotepadで書いてＵＰしてみたのですが・・・ ＵＰした画像では、やはりＵＲＬは出ません。 まだ「file//～」になってしまいます。 その画像にリンクを張ったり、そのリンク先へ飛ぶこともできるのですが・・・・・なぜなんでしょう（ーー；

  • koboy0808
  • ベストアンサー率30% (562/1833)
回答No.2

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

youyou2003
質問者

補足

回答ありがとうございます。 デスクトップにコピーしてアップしてみようとしたのですが、 エラーがでて、「アップロードできませんでした」となってしまいます。 なにか対処法があればお願いします。

  • kmor
  • ベストアンサー率27% (225/825)
回答No.1

画像をアップする場所を決め、その場所を指せば大丈夫です。 例えばHTMLファイルと同じ場所にあるのなら、 <IMG SRC="./ファイル名.gif"> でいいですし、imgというフォルダなら <IMG SRC="img/ファイル名.gif"> 相対的に場所がわかりづらいなら絶対パスで <IMG SRC="http:// ・・・/ファイル名.gif"> とすれば大丈夫です。

youyou2003
質問者

補足

早速の回答、ありがとうございます。 　 　やってみたのですが、今度は画像が「×」になってしまいました・・。 　「×」の上で画像のＵＲＬを調べると、ちゃんとできています。 　あとは画像だけなのですが、なんで「×」になっちゃたのでしょうか？？

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • アップする画像ファイルの拡張子が・・・

    メモ帳を使って、ＨＴＭＬ形式でＨＰ用のファイルを作成しています。 ＦＦＦＴＰを使ってアップしたところ、ある画像が表示されていませんでした。 確認すると、同じ.jpgの拡張子の画像ファイルなのに、ＦＦＦＴＰの画面の中では、.jpgと.JPGの２種類になっていました。 .JPGの拡張子のものが表示されておらず、ＦＦＦＴＰの中で名前の変更をするときちんと表示されました。 最初に画像を保存する時に.JPGではなく.jpgで保存するにはどうすればよいですか？ どなたか教えてください。 よろしくお願いします。

  • FFFTPで画像がアップできません

    ＨＰを開設しようと思い、Ｗｏｒｄのｗｅｂページで作成し、ＦＦＦＴＰでＹａｈｏｏ！のジオシティーズにアップしようとすると、普通のｗｅｂページ自体はアップできるんですが、そこに貼り付けてある画像のファイル（フォルダごとでも、１つ１つでも）が全て拒否されてしまいます。 ファイル名も半角英数を使い、スペースなどエラーになるものは使っていません。 今のところは、ＥＺアップロードで１ファイルずつアップしてますが、この場合、画像データのフォルダ名が変わってしまうので、一つ一つＨＴＭＬタグ内の画像フォルダ名を書き換えなければならず、結構面倒なんです（泣） このままだと、更新も大変になるので、アドバイスをお願いいたします。

  • FFFTPで画像をアップ

    HP作成初心者です。 Nvuを使っています。初心者向けサイトの言うがままに、FFFTPというソフトでアップしています。アップ先はyahooジオシティーズです。 作成した.htmlファイルをアップすることはできるのですが、アップできない画像があります。もちろんブラウザで確認してみても画像は表示されません。 画像ファイル名は気をつけて使用可能な半角文字のみを使用しています。拡張子は.JPGと大文字で統一しています。画像のサイズも大きくなりすぎないように100KB以内にしています。 詳しい仕組みはよく分からないのですが、FFFTPの転送モードは「ファイル名で転送モード切り替え」を選択しています。 この同じ条件でアップしようとしても、アップできる画像とできない画像がでてくるのはどうしてでしょうか。 詳しい方がいましたら、よろしくおねがいします。

  • FFFTPをダウンロードせずにHPに画像をUPするには……。

    HPに画像をUPするにはFFFTP？というファイルのダウンロードが必要だと聞きました。 でも、私のPCは容量が少ないのでダウンロードすることができません。 FFFTPというファイルをダウンロードせずに、HPに画像をUPすることは可能なのでしょうか？ もし可能なら、そのやり方を教えていただけると嬉しいです。 　

  • 画像のアップが出来ない

    FFFTPを使って画像をＵＰしたのですが、ＨＰを開くと、画像が×になっていて見ることが出来ません。自分のＰＣでは表示するのですが・・・ 同じようにＵＰした別の画像は、表示されます。 タグの記述は正しいと思います。 原因として何が考えられるのでしょうか？

  • FFFTPの使用の意味？

    FFFTPの使用の意味？ 現在、ＨＰを作成してます。 そこでかなり初心すぎる質問にお付き合い下さい。 例えば、ＦＣ２で無料ＨＰをもらい index.htmlを作るとします。 1： まず、自分が持つ画像をＦＣ２のＨＰからＵＰさせます。 　　そのＵＲＬをＨＴＭＬエディタソフトなどに記載し 　　文字などを組み込ませながら 　　ＨＴＭＬファイルとして完成です。 そしてＨＴＭＬファイルをＨＰからＵＰさせます。 ココで、ＨＰ上には　画像が１枚とＨＴＭＬファイルが あるのですが。 ココで質問である「FFFTP」というソフトで 画像やＨＴＭＬファイルをソフトからＨＰへ上げたとしても ＨＰの画面上、上げられたファイルは同じだし 何ら、自分が１としている事とかわりはないのですが？ 何か　得があるのでしょうか？ もしかして物凄く勘違いをしているのでしょうか？ ちなみに、もしFFFTPソフトで上げてる場合 何らかのアクシデントで ＰＣをリカバリしたりカラッポの状態から再度やり直す時、 画像やＨＴＭＬファイルなどはＨＤＤなどに保管しとくものの FFFTPソフトではＡフォルダの中のＢフォルダの中から 画像をＵＰさせてる場合、リカバリ後はそのフォルダの 中には同じ画像が入っているとは限りません。　よってその場合 ＨＰ上にはキチンと表示されないのと　考えてよいのでしょうか？ 最後に、もしリカバリなど緊急自体が発生した時はどのような 措置をとればよいのでしょうか？何せ　ＨＰを作成するなら 「FFFTP」がオススメと記載されているサイトが多いので ？と思いました。 ※すみません。他の方も同じような質問をされているようですが 自分はかなりのＰＣオンチな為、なるだけオバカにも分かりやすく 回答をお願いします。

  • 画像をアップする際の注意点について

    初めて画像をアップするのですが、少し分からない事あるので 教えて頂きたいです。 まず、画像をアップする際、参照から自分のフォルダを指定しますが、画像のプロパティの場所にC:\Documents and Settings\●●My Documents\と、●●の所に自分の名前が表示されます。 これは画像をアップした後にも見られてしまうのでしょうか？ 変な画像をアップするつもりはないのですが、名前が表示されるのは避けたいです。 この場合、どうすれば良いのでしょうか？教えて下さい。

  • HP作成　画像がうまくアップされない

    こんばんわ。 最近HTMLのタグうちの勉強をすべくHP作成をし始めました。 今日、初めてWEB上で確かめてみたのですが、デジカメで撮った画像だけがアップされていません。素材屋からもらった画像はしっかりアップできているようです。 何か、デジカメからの画像を使うときは処理など必要なのでしょうか？？ 写真サイズは700KBです。サーバーはジオシティーズを利用しております。 よろしくお願いいたします。

  • アップしたＨＰの画像等がリンクしない？

    ＨＰ作成初心者ですので、宜しくお願い申し上げます。 ホームページビルダー１１でＨＰを作っています。先日、ＦＦＦＴＰで既にアップしたものを全て削除し、ＨＰ内で未使用の画像やＧＩＦを削除し、全ファイルをアップしなおしました。 その後に問題発生！ホームページビルダー１１上でのプレビューではキチンと表示するのですが、インターネット上で見ると画像や壁紙が×で表示され、プロパティでは使用不可となっています。（テキスト系は表示できています。） どの点にミス、失敗があるのか？ご教示いただければ幸いです。≦(._.)≧

    • ベストアンサー
    • HTML
  • 画像をアップさせる時のＨＴＭＬソースの作り方。

    こんにちは、ホームページを作ってるのですが、画像をうまく表示できなくて困っています。助言お願いします。画像をＦＦＦＴＰで縮小してＨＰで、小さい画像をクリックして、もとの大きさの画像を表示させようと思います。ＦＦＦＴＰで作成されたソース<a href="../4.jpg"><img src="4.jpg" border="0"></a>と表示されましたこれを、ＴＯＰ.ＨＴＭＬに書き込んだのですが、小さい画像になってなく、うまく表示されません。 エクスプローラーのツリーは、次のようになってます。 ー[]myHP 　　└[]img 　　　　　│　 　　　[]Resized-4jpg この様になってます。これを、ＨＴＭＬソースで表すには、どのようにパスを書いたらよろしいですか？教えてくださいよろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する