Question

我试图在我的网站上渲染图像，但它没有工作（我看到只有损坏的文件图标）。你能告诉我我做错了什么吗？

我上传图片的方式：

@app.route('/UploadImages')
def UploadImages():
    return render_template('UploadImages.html')


@app.route('/uploadImages', methods=['POST'])
def uploadImages():
    name = current_user.USERNAME
    file = request.files['inputFile']
    newFile=IMAGES(
        NAME=file.filename,
        USERNAME=name,
        DATA=file.read()
    )
    db.session.add(newFile)
    db.session.commit()

    return 'Saved ' + file.filename + 'to the database !'

这是我的数据库表：

class IMAGES(db.Model):
    ID = db.Column(db.Integer,primary_key=True)
    NAME = db.Column(db.String(300),unique=True)
    DATA = db.Column(db.BLOB)
    USERNAME = db.Column(db.String(15))

我确定文件上传正确，因为我使用时：

@app.route('/download')
def download():
    file_data = IMAGES.query.filter_by(USERNAME='test1').first()

    return send_file(BytesIO(file_data.DATA),
attachment_filename='test.jpg',as_attachment=True)

我的图像没有损坏。

我如何尝试渲染文件：

@app.route('/image')
def image():
    file_data = IMAGES.query.filter_by(USERNAME='test1').first()
    image = b64encode(file_data.DATA)
    return render_template('Image.html',data=list,image=image)

并在网站上：

<img src="data:;b64encode,{{ image }}"/>

Answer 1

<img>数据URI应为data:;base64,{{ image }}而不是data:;b64encode,{{ image }}。

Answer 2

正如我在上面阅读过的内容一样，@ Szymo n给出的解决方案对此是合适的。

在您的主要路线上做这些事情`

@app.route('/image')
def image():
    file_data = IMAGES.query.filter_by(USERNAME='test1').first()
    image = base64.b64encode(file_data.DATA).decode('ascii')
    return 
render_template('Image.html',data=list,image=image)`

然后在html文件中编写以下代码：

<img src="data:;base64,{{ image }}"/>

如何在页面上从Flask-SQLAlchemy渲染图像？

2 个答案: