画像が一枚も表示できないので試しに下記のようなシンプルなページを作ってアップロードしてみましたが、それでも表示されません
-----------------
<!DOCTYPE html>
<html>
<img src="sakura.jpg"alt="桜.jpg">
</html>
-----------------
htmlも画像ファイルも同じ場所にアップロードしてあるのでパスは必要ないと思っています。
アップロードしてある画像ファイルのプレビュー画面を開くと桜の写真がちゃんと表示できます。
しかしhtmlのプレビュー画面だと「桜.jpg」という代替テキストが表示されます。
ちなみにローカルでhtmlを開くと画像は表示されます。
全く原因が分からないので教えていただきたいです。
宜しくお願い致します。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
No.1です。
>ちなみにローカルでhtmlを開くと画像は表示されます
って事ですから、
No.2の方がおっしゃる通り、ファイル名が違っている事位しか考えられません。
FTPで、たまに拡張子が変わる事があります。
あと、転送モードがCGIの関係で手動アスキーになってるとか。(バイナリ―で)
サーバー側確認してください。FTPで見れなければ、ブラウザ右クリックでソース表示
No.2
- 回答日時:
ファイル名は全て小文字の sakura.jpg で間違いありませんか?
Windows には大文字・小文字の区別がありませんが、サーバーで使用している UNIX 系の OS では大文字・小文字を別の文字として区別しています。
<!DOCTYPE html>
<html>
<head>
<meta charset="Shift_JIS">
<title>桜</title>
</head>
<body>
<img src="sakura.jpg" alt="桜.jpg">
</body>
</html>
画像ファイル名は間違いなく全て小文字です。
念の為、表記していただいたファイル名をコピペして
ファイルの名前を変更してもう一度アップロードしました。
htmlタグもそのままコピペして新たにhtml作ってアップロードしたのですが
変わらず画像はないまま「"桜.jpg"」の代替テキストのみでした。
そして「桜」というタイトルを付けてくださってるのに
なぜかタイトルも表示できていませんでした。
お答えありがとうございました。
No.1
- 回答日時:
どうされたいのかわかりませんが、表示させる最低限
<html>
<head>
<title> </title>
</head>
<body>
<img src="./sakura.jpg" alt="桜.jpg">
</body>
</html>
sakura.jpgが同じホルダに有るとして。
<head>
<title> </title>
</head>
は無くてもいいけどね。
おっしゃる通り、画像を表示させる最低限のことを知りたい状態です。
教えていただいたタグを使わせていただいたのですが
画像は表示できませんでした。
お答えありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- Windows 10 Windows10にてjpg形式の画像が開けません 4 2022/08/24 14:37
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- Excel(エクセル) excelで検索した商品の画像(ネットワーク上の)を表示させたい。 3 2023/06/28 00:32
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ユーザーが更新ボタンを押さな...
-
プルダウンと入力を両方行う検...
-
HP上のPDFファイルを保存禁止...
-
ランダムにページにアクセスしたい
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
getElementsByNameで要素が取得...
-
JavaScriptからVBScriptの呼び...
-
window.openで同画面遷移しない
-
変数の代入値を外部の.txtファ...
-
javascriptの外部ファイルで行...
-
別ファイルのfunctionの読み込み方
-
外部からのjs呼び出しについて。
-
フォーカス移動抑止について
-
スマホ上で、左右スワイプで次...
-
別フレームの中にあるインライ...
-
インラインフレームをドラッグ...
-
Dreamweaver で 外部JSを読み込...
-
Vbscriptで自分自身のウィンド...
-
jQuery ツールチップの中のリンク
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【SSI】include file、include ...
-
ユーザーが更新ボタンを押さな...
-
ウインドウを縮小しても文字を...
-
HP上のPDFファイルを保存禁止...
-
HTML5のcanvasで描画がされない
-
プルダウンと入力を両方行う検...
-
ページを訪問者にたった一度だ...
-
ランダムにページにアクセスしたい
-
showModalDialog内でのページ遷移
-
Windowsログオンユーザの取得
-
[html] リンク先のページのラジ...
-
Html(表)のExcel出力
-
更新日時を偽装したい。方法は...
-
firefox3 GETパラメータが文字...
-
a.htmlにあるテキストエリアに...
-
WebBrowserコントロール(続き)
-
Visual Studio C# で htmlの文...
-
APIでメール作成するコードを
-
「街」や「428」や「かまいたち...
-
<a href="#" …>の意味を教えて...
おすすめ情報