Flask教程(七)文件上传

软硬件环境

  • Windows 10 64bit
  • Anaconda3 with python 3.7
  • PyCharm 2019.3
  • Flask 1.1.1

简介

文件上传是个经常碰到的问题。其中涉及很多的内容比如文件的上传、文件类型的过滤,文件大小的限制,文件重命名,文件目录管理等等。下面我们来看看最基本的上传功能的实现,至于提到的其它问题,大家可以自己摸索摸索。

Flask处理文件上传

Flask中进行文件上传,需要在通过html中的form表单,而且需要设置enctype=multipart/form-data,看下面的实例

index.html文件内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>upload</title>
</head>
<body>
    <form action = "/success" method = "post" enctype="multipart/form-data">
        <input type="file" name="file">
        <input type = "submit" value="Upload">
    </form>
</body>
</html>

主要就是一个form表单,使用的http方法是POST并且设置enctype="multipart/form-data"input标签的类型是file,接下来还需要编写一个html,用来显示上传成功后的信息

success.html文件内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Success</title>
</head>
<body>
    <p>File uploaded successfully!</p>
    <p>File Name: <b> {{name}} </b></p>
</body>
</html>

最后来看看Flask端的处理代码,run.py文件内容

from flask import Flask, render_template, request

app = Flask(__name__)


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


@app.route('/success', methods=['POST'])
def success():
    if request.method == 'POST':
        f = request.files['file']
        f.save(f.filename)
        return render_template('success.html', name=f.filename)
    

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

注意到success方法中,只处理POST请求,并从请求对象中的files获取到文件的内容,调用save保存文件,渲染网页时,将文件名传递过去,文件名会在success.html中显示

启动Flask服务,访问http://127.0.0.1:5000

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-l92kW0Ee-1589878769750)(https://code.xugaoxiang.com/xugaoxiang/blog/raw/master/images/python/flask/flask_7_01.png)]

点击选择文件,在弹出框中选择需要上传的文件,然后点击Upload

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K7hlvlcv-1589878769827)(https://code.xugaoxiang.com/xugaoxiang/blog/raw/master/images/python/flask/flask_7_02.png)]

来到pycharm可以看到刚刚接收到的文件python_logo.png

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cfsWNXq1-1589878769857)(https://code.xugaoxiang.com/xugaoxiang/blog/raw/master/images/python/flask/flask_7_03.png)]

源码下载

https://github.com/xugaoxiang/FlaskTutorial

微信公众号

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

迷途小书童的Note

请博主喝矿泉书!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值