如何修复HTML img标记以显示图像

Question

我正在尝试向最终用户显示图片，但此标记不起作用，我该如何解决？

<img src="file:///E:/images/avatars/21082013184506Id.png" height=70 width=70 />

提前致谢。

Answer 1

你的文件寻址是绝对的，它只适用于该目录上存在该映像的机器，你应该使用隐式寻址。

Answer 2

• 最终用户无权访问您的硬盘。
• 某些浏览器阻止通过HTTP加载的页面访问file:// URI上的图像。

为src使用HTTP URI。

Answer 3

src=""中的图片位于您自己的硬盘上。

将图像上传到ima​​gehack或网络服务器等图片上传器。

将src=""放入文件的正确路径。

Answer 4

正如约翰在评论中所说的那样，只有当用户查看html时指定的源路径可用时，才会显示图像。

属性src =“file：/// E：/images/avatars/21082013184506Id.png”表示用户必须有权访问E：drive。

如果您希望此功能在互联网上在线使用，请将图片上传到您的网页并指定其路径，例如如果它与你的文件夹在同一个文件夹中

SRC = “21082013184506Id.png”

如果它位于images / avatars子文件夹中

SRC = “图像/化身/ 21082013184506Id.png”

我还建议引用宽度/高度属性，即width =“70”height =“70”，或者甚至更好地通过CSS设置这些值，但这是一个不同的主题：）