ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML でローカル画像が表示されるのに表示されない場合は何が起こっているのでしょうか?

HTML でローカル画像が表示されるのに表示されない場合は何が起こっているのでしょうか?

PHPz
リリース: 2023-04-21 14:24:58
オリジナル
2008 人が閲覧しました

HTML は Web ページの作成に使用されるマークアップ言語で、テキスト、画像、ビデオなどのマークアップ シンボルを通じて Web ページのコンテンツを記述することができます。 HTML を作成するときによく発生する問題は、ローカル画像が表示されないことです。

#原因:

ローカル画像が表示されない理由は数多くあります。一般的な理由のいくつかを次に示します:

    画像ファイルのパスが間違っています;
  1. 画像フォルダー名が間違っています;
  2. 画像ファイル形式が要件を満たしていません;
  3. 画像フォルダーのアクセス制限;
  4. 画像ファイル名が間違っています;
  5. 画像 ファイル パスが HTML ファイルのファイル パスの許容サイズを超えています。
  6. ##ローカル画像表示スイッチがオンになっています。
  7. 解決策:

ローカル画像が表示されない場合は、次のような解決策が考えられます:

ファイル パスとフォルダー名が正しいかどうかを確認してください。 。
  1. HTML ファイルでローカル画像を参照する場合は、ファイル パスとフォルダー名が正しいことを確認する必要があります。 HTML ファイルをテキスト エディタで開き、画像ソースのパスが正しく記述されているかどうかを確認できます。ファイル パスとフォルダー名が間違っている場合は、手動で修正して Web ページを再読み込みできます。

画像ファイル形式が要件を満たしているかどうかを確認してください。
  1. HTML は、jpeg、png、gif などの複数の画像形式をサポートしています。使用する画像形式がサポートされていない場合、画像は Web ページに表示されません。 jpeg や png などの一般的な画像形式を使用していることを確認してください。

フォルダーのアクセス制限を確認してください。
  1. お使いのコンピューターによって特定のフォルダーへのアクセスが制限され、その結果、ローカルの画像が表示されなくなる場合があります。この場合、フォルダーのアクセス権限を設定する必要があります。ファイルブラウザを開き、関連するフォルダを右クリックして「プロパティ」を選択します。 [セキュリティ] タブで、すべてのユーザーがフォルダーにアクセスできるように権限を追加します。

画像名が正しいか確認してください。
  1. ピクチャ名が指定されたピクチャ名と一致するかどうかを確認します。一致しない場合は、イメージの名前を指定された名前に変更する必要があります。

ファイルパスが正しいか確認してください。
  1. ファイル パスが HTML ファイルの許容サイズ制限を超える場合、画像はロードされません。使用するファイル パスが HTML ファイルの許容範囲を超えていないことを確認してください。複数の画像をロードする必要がある場合は、相対パスを使用するか、外部リンクを使用してみてください。

ローカル画像表示スイッチがオンになっているか確認してください。
  1. 最後に、コンピュータでローカル画像表示スイッチが有効になっていることを確認してください。このスイッチは通常、ブラウザの設定にあります。

概要:

HTML ファイルを作成するときに、ローカル画像が表示されないという問題がよく発生します。この記事では、ローカル画像が表示されない原因と解決策について説明します。ローカル画像が表示されないという問題が発生した場合は、まずファイルパスとフォルダー名が正しいかどうかを確認してください。どちらも問題ない場合は、画像ファイル形式が要件を満たしているか確認してください。それでも問題が解決しない場合は、ファイルのアクセス権の設定、ファイル名の変更、ファイルパスの変更、ローカル画像表示スイッチをオンにしてみてください。

以上がHTML でローカル画像が表示されるのに表示されない場合は何が起こっているのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート