web-dev-qa-db-ja.com

HTML <imgsrc>が画像を読み込めない

これで途方に暮れて、jqueryで私のウェブサイトのモバイルバージョンを作成していますが、私の画像はimgsrcタグでロードすることを拒否しています。

<img src="images/me.jpg" width="200" height="267" alt="me">

iveは、私のWebサイトから直接画像をロードしようとしましたが、ロードも拒否し、画像をWebページと同じディレクトリに移動しましたが、それでも何も起こりません。幅と高さのサイズのボックスが表示され、中央に代替テキストと画像アイコンが表示されます。

何が悪いのかわからない。

前もって感謝します。

htmlimagesrc
4
Hopeless

Photoshopで画像を開くことができなかったため、画像が実際に破損しているか、正しく機能していませんでした。画像を置き換える必要がありました。

5
Hopeless

次のようにフルパスで作業してみてください。

<img src="http://www.yourdomain.com/images/me.jpg" width="200" height="267" alt="me">

テスト目的で開くだけです http://www.yourdomain.com/images/me.jpg 画像が表示されます。それが機能しない場合は、html/jqueryとの互換性の問題があるはずです。残りのhtmlファイルを投稿して、使用しているjqueryプラグインについて教えてください...

6
Marcel

私はちょうど同じ問題を抱えていました。ファイル名は大文字でした。一部の写真は読み込まれていましたが、読み込まれていませんでした。一部の画像には大文字の.JPGファイル拡張子が付いており、一部の画像には小文字の.jpgが付いています。私のHTMLコードは、小文字の.jpgを使用してすべての画像を参照していました。

SynologyDSでWebサーバーを実行しています。

2
The Bisto Kid

Dev、stagingなどを使用している場合は、正しいサブドメインにいることを確認してください。

私も、イメージが存在しないステージングドメインにいることがわかるまで、疑問に思っていました。

また、必ずキャッシュをクリアしてください。

1
Black

昨夜htmlを書き始めたばかりなので、同じ問題が発生したため、これは完全なnoob応答ですが、Windowsコンピューターを使用している場合、ファイルの場所のスラッシュは、前のスラッシュではなく、後ろのスラッシュにする必要があります-total noobしかし、それが役立つことを願っています

1
P1sces
  • リストアイテム
    1. ドライブ上の画像の場所に移動するだけです
    2. 画像を選択してください
    3. お気に入りのブラウザを使用して開きます
    4. uRLバーに移動
    5. uRLバーから場所をコピーします
    6. img src =（ここに貼り付け）で使用します
    7. こんな感じになります
    8. img src = "file：/// C：/Users/Mercy/Documents/WEB%20DEVELOPMENT/HTML5/lion.jpg" alt = "ライオンのプロフィール写真" height = "300" width = "500"
0
Rafikul Alam