来自文件系统的HTML图像

时间:2017-03-10 23:48:35

标签: html image browser local-storage

我正在尝试从浏览器的本地存储中显示图像(.jpg)文件。任何加载jpg文件的尝试都不会产生任何结果。使用时

<video width="620" height="640" controls="controls">
<source src="file:///Users/..../small.mp4" type="video/mp4">

我可以访问本地驱动器上的任何mp4文件,并按预期在浏览器中显示。是否以同样的方式从本地存储访问图像(.jpg)文件?感谢

3 个答案:

答案 0 :(得分:1)

对于html中的图像,您需要一个图像标记

<img src="file:///whatever">

答案 1 :(得分:1)

如果要在页面上显示图像,代码应与此类似:

 <img src="picture.jpg" alt="My Picture" width="300" height="200">

答案 2 :(得分:0)

首先,我不建议将本地存储的文件放在网络上,因为您的计算机可能已损坏。使用类似GitHub页面的东西或其他东西来托管云端的所有文件。

要回答您的问题,请使用

<img src="file:///path/to/your/image" alt="Image alternate text" style="height:100px;width:100px">

您的问题很可能是因为您在<img>标记中没有替换文字,因为浏览器需要这样做。

最后,请在发布此处之前尝试在Google或W3学校查找您的问题的答案。