我最近在学习编写网页，但是前端写了插入图片的代码后，运行后的网页上没显示图片，麻烦解答一下。
前端代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>激肽酶</title>
</head>
<body>
<h1>求救</h1>
<img src="D:\360MoveData\Users\DELL\Desktop\web\templates\pictures\p1.jpg" alt="" title="鸡你太美" height="">
</body>
</html>
后端代码：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/hhh')
def index():
return render_template('web1.html')
if __name__ == '__main__':
app.run()
图片链接：
分享
关注【以下回答由 GPT 生成】
问题原因是在前端代码中，图片的路径设置为本地路径，而在网页运行中，浏览器无法直接访问本地文件系统。解决方法是将图片文件放在与前端代码同一个目录下，然后使用相对路径来引用图片。
修改后的前端代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>激肽酶</title>
</head>
<body>
<h1>求救</h1>
<img src="pictures/p1.jpg" alt="" title="鸡你太美" height="">
</body>
</html>
然后，将图片文件 p1.jpg 放在同一个目录下的 pictures 文件夹中。
接下来，修改后端代码，让 Flask 能够正确找到前端代码和图片文件。
修改后的后端代码如下：
from flask import Flask, render_template
app = Flask(__name__, static_folder='templates', static_url_path='/')
@app.route('/hhh')
def index():
return render_template('web1.html')
if __name__ == '__main__':
app.run()
修改后的代码中，我们使用 static_folder 参数来指定前端代码的目录，使用 static_url_path 参数来指定前端代码对应的 URL 路径。
注意，如果你的图片文件不仅仅是 p1.jpg，还有其他图片文件，需要将所有图片文件都放在 pictures 文件夹中，并将引用路径修改为 pictures/图片文件名。
完成以上修改后，重新运行代码，应该可以正常显示图片了。
【相关推荐】
分享
创建了问题
12月4日