HTMLでローカル画像アドレスを取得する方法

下次还敢
リリース: 2024-04-22 09:57:13
オリジナル
432 人が閲覧しました

HTML でローカル画像アドレスにアクセスするには、<img> タグを使用し、file:// プロトコルに続いて画像へのフルパスを使用します。ただし、この方法はすべてのブラウザでサポートされているわけではないことに注意してください。

HTMLでローカル画像アドレスを取得する方法

HTMLを使用してローカル画像アドレスにアクセスする方法

HTMLでは、<img>タグを使用して画像を表示します。このタグの src 属性は、表示する画像へのパスを指定します。画像が同じディレクトリにある場合は、相対パスを使用できます: <img> 标签来显示图片。此标签的 src 属性指定要显示的图片的路径。如果图片位于同一目录中,则可以使用相对路径:

<code class="html"><img src="image.jpg"></code>
ログイン後にコピー

如果图片位于其他目录中,则需要使用绝对路径:

<code class="html"><img src="/images/image.jpg"></code>
ログイン後にコピー

但是,在某些情况下,您可能需要直接从本地文件系统访问图片。这是通过使用 file://

<code class="html"><img src="file:///path/to/image.jpg"></code>
ログイン後にコピー
画像が別のディレクトリにある場合は、絶対パスを使用する必要があります:

rrreee

ただし、場合によっては、ローカル ファイル システムから直接イメージを取得します。これは、file:// プロトコルを使用して実現されます:

rrreee

ここで、「path/to/image.jpg」はコンピューター上の画像へのフルパスです。 🎜🎜この方法はすべてのブラウザでサポートされているわけではないことに注意してください。 Firefox などの一部のブラウザでは、画像がアクセス可能なファイル システムの場所に存在する必要があります。 🎜

以上がHTMLでローカル画像アドレスを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!