将个人资料图片添加到 Flask 上的数据库

Question

有一个注册表。如何将个人资料图片添加到数据库并立即取回。我知道AJAX 是可能的，但我不知道如何实现它。我可以使用BLOB 类型将图像名称发送到数据库，但无法在个人资料页面上打印我的图像。有什么问题？

Registration code:

from flask_mysqldb import MySQL
import MySQLdb.cursors

UPLOAD_FOLDER = 'static/uploads/'

@app.route('/register', methods=['GET', 'POST'])
def register():
    if request.method == 'POST':
        firstname = request.form['firstname']
        lastname = request.form['lastname']
        email = request.form['email']
        filenames = request.files['files']

    uploaded_files = request.files.getlist("file[]")
    filenames = []
    for file in uploaded_files:
        if file and allowed_file(file.filename):
            filename = secure_filename(file.filename)
            file.save(os.path.join(app.config['UPLOAD_FOLDER'],filename))
            filenames.append(filename)
        cur = mysql.connection.cursor()
        cur.execute('INSERT INTO users.data(filename) VALUES (%s)',(filename))
    # This line is essential, store the data in session
    session['filenames'] = filenames

        cur = mysql.connection.cursor()
        session['email'] = email
        session['firstname'] = firstname
        cur.execute('INSERT INTO users.data(firstname, lastname, email) VALUES (%s, %s, %s)', (firstname, lastname, email))
        mysql.connection.commit()
        cur.close()
        return redirect(url_for('profile'))

profile.html:

@app.route('/profile', methods=['GET'])
def profile():
    if request.method == 'GET':
        return render_template('profile.html', data=data, filenames=filenames)

register.html:

<input type="firstname" name="firstname" placeholder="Firstname">
<input type="lastname" name="lastname" placeholder="Lastname">
<input type="email" name="email" placeholder="First name">
<input type='file' name="files" id="uploadPDF">
<button>Register</button>

profile.html:

<h2>Welcome, {{ firstname }}</h2>

{% for file in filenames %}
  <h1>{{ file }}</h1>
{% endfor %}

Answer 1

因此，当您说立即取回时，我假设根据您的代码，您的意思是，在他们注册帐户后，您将他们重定向到他们的个人资料页面，当他们被重定向时，他们的图片应该在第一次访问时显示，并且他们不必刷新或必须等待一段时间才能获得图片。如果我错了，请更正您问题中的信息。

所以你有很多事情需要在这里做。

A.你将如何存储这些图片。有两种（更简单的）方法可以做到这一点。

1. 使用 blob 列类型将图片的二进制数据存储到数据库中

2. 使用长随机名称保存图片以避免与存储静态文件的硬盘发生冲突，然后将该图片的随机名称及其所属用户的引用保存在数据库中。 当您进入下一部分时，此选项是迄今为止最简单的方法

B.当他们导航到他们的个人资料时，您现在必须根据您所做的其中一个来检索图像

1. 当他们导航到他们的个人资料时，您必须将 url 添加到服务器上的端点，该端点可以通过某种方式传递您需要的用户图片。然后从数据库中获取二进制数据并将该数据作为文件返回。

2. 当他们导航到他们的个人资料时，获取他们的用户 ID。查询该用户的个人资料图片的数据库并获取您生成的随机名称。由于此文件保存在您的静态文件文件夹中，您只需添加静态文件夹 url，并在末尾附加随机名称。例如，该网址可能看起来像这样https://example.com/static/somerandomlongnameforthispicture.jpg

http 对于如何从服务器检索事物非常基本/严格。现在，如果您想为此使用 ajax，因为他们已经在他们的个人资料页面上并且他们更新了他们的图片，并且您想立即显示该更新，那么我解释的存储文件的逻辑是相同的，但您必须更新您在 html 中的 <img> 标记的 url，以指向您的服务器为该新图片创建的文件名。或者只是强制刷新，让您的服务器端模板处理更新。