Home >Web Front-end >HTML Tutorial >How to get the local image address in html
To access a local image address in HTML, use the <img> tag and use the file:// protocol, followed by the full path to the image. Note, however, that this method may not be supported in all browsers.
How to access local image addresses using HTML
In HTML, by using <img>
tags to display images. The src
attribute of this tag specifies the path to the image to be displayed. If the image is in the same directory, you can use a relative path:
<code class="html"><img src="image.jpg"></code>
If the image is in a different directory, you need to use an absolute path:
<code class="html"><img src="/images/image.jpg"></code>
However, in some cases, you may Need to access images directly from local file system. This is accomplished using the file://
protocol:
<code class="html"><img src="file:///path/to/image.jpg"></code>
where "path/to/image.jpg" is the full path to the image on your computer.
It should be noted that this method may not be supported in all browsers. Some browsers, such as Firefox, require images to be in an accessible file system location.
The above is the detailed content of How to get the local image address in html. For more information, please follow other related articles on the PHP Chinese website!