python - 如何在不刷新整个模板的情况下更新烧瓶中的个人资料图片

Question

我正在开发一个烧瓶应用程序，要更改个人资料图片，我有两个按钮，一个用于从文件中选择图像，另一个用于从字面上刷新整个模板以查看更改。我想知道是否有另一种方法可以做到这一点，但是当用户选择文件时，个人资料图片会立即更改，而无需渲染整个页面。

这就是我现在的做法：

if request.method == "POST" and "photo" in request.files:
        photo = request.form.get("photo")
        user_id = session["user_id"]
        filename = photos.save(request.files['photo'])
        row = User.query.filter_by(user_id = user_id).first()
        row.img_url = filename
        updated_filename = row.img_url
        db.session.commit()

这是我的html：

<form action="{{ url_for('profile') }}" method="post" enctype=multipart/form-data>
<p class="text-center text-muted">Aquí vas a poder editar tu información. Una vez que estes listo, presionas en "Ver" y aparecerá como se verá tu perfil cuando otras personas lo escaneen! </p>
{% if genre %}
  <center><div class="circular"><img border="1" style="width:30%; object-fit: contain" class="rounded-circle" src="static/img/{{updated_filename}}"></div></center>
<br>

标签： pythonhtmlflask