Question

所以我的HTML出现问题，我可以在其他网站上显示图片，但是当我尝试从自己的计算机上显示图片时，链接被破坏了，我得到一个带蓝色的小盒子？在里面。

我尝试使用图片的相对路径，绝对路径，并将图片放在与html相同的文件夹中。下面是一个示例，其中pic与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是相对网址，因此只会将其添加到当前网页的网址中。这将导致web2py返回404响应或当前页面的HTML。

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

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

HTML图像被破坏，尝试使用我的计算机中的图像时无法显示图片

1 个答案: