flask 图片上传

最新推荐文章于 2025-03-09 07:00:00 发布

weixin_37960206

最新推荐文章于 2025-03-09 07:00:00 发布

阅读量842

点赞数

分类专栏： Flask 文章标签： flask

本文链接：https://blog.youkuaiyun.com/weixin_37960206/article/details/80114632

版权

Flask 专栏收录该内容

6 篇文章

订阅专栏

谢谢。

import os
from flask import Flask,render_template
from flask_uploads import UploadSet,configure_uploads,IMAGES,patch_request_class
from flask_wtf import FlaskForm
from flask_wtf.file import FileField,FileRequired,FileAllowed
from wtforms import SubmitField

app = Flask(__name__)
app.config['SECRET_KEY']=os.urandom(24)
app.config['UPLOADED_PHOTOS_DEST']=os.getcwd()
print(os.getcwd())

photos = UploadSet('photos',IMAGES)
configure_uploads(app,photos)
patch_request_class(app)

class UploadForm(FlaskForm):
    photo = FileField(validators=[FileAllowed(photos,u'只能上传图片！'), FileRequired(u'文件未选择')])
    submit = SubmitField(u'上传')

@app.route('/', methods=['GET','POST'])
def upload_file():
    form = UploadForm()
    if form.validate_on_submit():
        filename = photos.save(form.photo.data)
        file_url = photos.url(filename)
    else:
        file_url = None
    return render_template('index.html',form=form, file_url=file_url)

if __name__ == '__main__':
    app.run()

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Upload File</title>
    <h1>图片上传</h1>
    <form method="POST" ENCTYPE="multipart/form-data">

        {{ form.hidden_tag() }}
        {{ form.photo }}
        {% for error in form.photo.errors %}
            <span style="color:red;">{{ error }}</span>
        {% endfor %}
        {{ form.submit }}
    </form>
    {% if file_url %}
    <br><img src="{{ file_url }}" alt="">
    {% endif %}
</head>
<body>

</body>
</html>