HTML 图片损坏，尝试使用我电脑中的图片时无法显示图片

Question

所以我的 HTML 遇到了问题，我可以在其中显示来自另一个站点的图片，但是当我尝试显示来自我自己的计算机的图片时，link 坏了，我得到一个带有？在里面。

我试过用图片的相对路径，绝对路径，把图片和html放在同一个文件夹里。这是一个示例，其中图片与 HTML.

在同一文件夹中

<!DOCTYPE html>
<html>
<body>

<h2>HTML Image</h2>
<img src="bed.jpg" alt="bed" style="width:100px;height:38px"></body>
</html>

我也尝试过使用和不使用样式元素的这段代码。似乎没有任何效果。

如果有什么不同，我在 web2py 中这样做。

Answer 1

<img src="bed.jpg" alt="bed" style="width:100px;height:38px">

在上面，bed.jpg是一个相对 URL，所以它会简单地添加到当前页面的URL .这将导致 web2py 返回 404 响应或当前页面的 HTML。

如果 "bed.jpg" 是静态文件，您应该使用 web2py 的机制来提供静态文件，如 here 所述（即，将文件放在应用程序的 /static 文件夹中，也许在图片的子文件夹，例如 /static/images）。还建议使用 URL() 帮助程序生成由 web2py 提供的 URLs，因此您的 HTML 应该类似于：

<img src="{{=URL('static', 'images/bed.jpg')}}" alt="bed" style="width:100px;height:38px">

HTML 图片损坏，尝试使用我电脑中的图片时无法显示图片

HTML image is broken, can't display picture when trying to use image from my computer

html

web2py