0

我正在使用 python、html、jinja、java 脚本等。在树莓派驱动的设备上构建 webapp。到目前为止，当我将图像放在我的网页上时，一切正常。但是，当我创建一个使用变量来区分用户配置文件的“分层”网页时，它会破坏我不会加载的本地图像引用，而是显示它们的标签。但是，使用在线图像作为图像源非常有效。

不工作的代码（Python）：

@app.route('/adminPortal/<user_id>', methods=['GET', 'POST'])
def adminPortal(user_id):
    print('Admin Portal')
    ...

工作代码（Python）：

@app.route('/adminPortal', methods=['GET', 'POST'])
def adminPortal():
    print('Admin Portal')

未更改的 HTML：

<img src="{{ 'static/oldLady.jpg' }}" alt="Profile Pic Of User" height=200px> <span style="display:inline-block; width: 50px;"></span>
<img src="{{'static/' + avatar + '.png'}}" alt="Picture of Avatar" height=200px> <br>
<img src="https://api.time.com/wp-content/uploads/2021/06/Pills.jpg" alt="Picture of Avatar" height=200px> <br>
<img src="{{'static/Amy.png?' + time}}" width="240" usemap="#amymap" class="unselectclass">

到目前为止，我还没有找到任何成功的参考照片的方法，而且除了我设置的“分层”系统之外，我不知道如何以任何其他方式创建相同的网页基础设施。

4

1 回答 1

0

URL 的static/oldLady.jpg意思是“相对于当前页面的目录”。如果你正在渲染/adminPortal，那么它的意思是/static/oldLady.jpg。如果你正在渲染/adminPortal/joe，那么它的意思是/adminPortal/static/oldLady.jpg。

解决方案是使用绝对 URL /static/oldLady.jpg：.

于 2021-11-01T00:53:53.687 回答