flask上传文件

已于 2022-04-27 11:50:08 修改
阅读量3.3k 收藏 11
点赞数 2
分类专栏： python flask学习 文章标签： python flask
于 2022-04-27 11:47:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fresh_nam/article/details/124446094
版权

文章目录

前言

在开发flask项目的时候，难免会遇到文件传输的需求，现在就以上传用户头像为例，说一下在flask中文件如何上传。

一、环境

python 3.7
flask 2.0.2

二、使用

本篇博客代码接着上一篇博客flask使用redis继续写，项目目录如下
在这里插入图片描述

1.更新模型类

因为现在要添加头像，所以模型类也要添加对应字段。
models.py

from . import db
class Test(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(10))
    password = db.Column(db.String(20))
    sex = db.Column(db.String(2))
    avatar_url = db.Column(db.String(256))

    # 将用户对象转换为字典并返回
    def to_dict(self):
        test_dict = {
            'id': self.id,
            'name': self.name,
            'sex': self.sex,
            'avatar_url': self.avatar_url
        }

        return test_dict

然后输入如下命令将更改更新到数据库：

python manage.py db migrate
python manage.py db upgrade

2.更改视图和模板

在上面我增加了性别，所以注册视图和模板要做相应的修改
flask_teach/test/views.py

from flask import request, render_template, redirect, session, url_for, jsonify, current_app

from . import test_blue

from flask_teach import db, models, redis_store
# 引入装饰器
from flask_teach.decorators import decorator_login
from flask_teach.common import random_num

# 注册视图
@test_blue.route('/register', methods=['POST', 'GET'])
def register():
    # 根据请求方式的不同返回不同结果
    if request.method == 'GET':
        return render_template('test/register.html')
    else:
        name = request.form['name']
        password = request.form['password']
        sex = request.form['sex']

        # 不能注册名字相同的用户
        user = models.Test.query.filter_by(name=name).first()
        if user:
            return "该用户已存在"

        # 创建实例对象，默认用户性别为男
        test = models.Test(name=name, password=password, sex=sex)
        # 保存到数据库，在config配置里面设置了自动提交，所以在这里不用再次提交
        db.session.add(test)
        # db.session.commit()   # 没设置自动提交要加这句
        return "注册成功！！！"

register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<form action="/test/register" method="post">
    用户名：<input type="text" name="name"><br>
    密码：<input type="password" name="password"><br>
    性别：<input type="radio" name="sex" checked value="男">男
    <input type="radio" name="sex" value="女">女
    <br>
    <input type="submit" value="注册">
</form>
</body>
</html>

3.编写视图

用户头像上传是在用户信息里面上传，所以要编写一个用户信息视图。
flask_teach/test/views.py

# 更新用户信息
from flask import request, render_template, redirect, session, url_for, jsonify, current_app

from . import test_blue

from flask_teach import db, models, redis_store
# 引入装饰器
from flask_teach.decorators import decorator_login
from flask_teach.common import random_num

......
# 用户信息视图
@test_blue.route('/user_message', methods=['GET', 'POST'])
@decorator_login
def user_update():
    # 获取用户名
    name = session.get('name')
    # 获取用户对象
    user = models.Test.query.filter_by(name=name).first()
    # 将用户对象装换成用户字典
    user_dict = user.to_dict()
	
	# 根据请求方式不同做出不同的响应
    if request.method == 'GET':
        return render_template('test/user_message.html', user=user_dict)
    else:
        name = request.form['name']
        sex = request.form['sex']
        avatar = request.files.get('avatar')

        # 如果上传了头像才保存和更新数据库的头像信息
        if avatar:
            # 设置头像存储路径
            absolute_avatar_path = current_app.static_folder + '/avatar/{}.png'.format(name)
            # 保存图片
            with open(absolute_avatar_path, 'wb+') as f:
                f.write(avatar.read())
                f.close()
            user.avatar_url = absolute_avatar_path

        # 更新用户信息
        user.name = name
        user.sex = sex

		# 更新session的name
        session['name'] = name

        # 将更新后的对象装换成字典
        user_dict = user.to_dict()
        # 返回更新结果
        return render_template('test/user_message.html', user=user_dict)

编写模板 user_message.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <script src="../../static/js/jquery-3.6.0.min.js"></script>
    <style>
        img {
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
<img src="/test/user_avatar" alt="" id="avatar_img">
<form action="/test/user_message" enctype="multipart/form-data" method="post">
    用户头像：<input type="file" name="avatar" id="avatar"><br>
    用户名：<input type="text" value="{{user.name}}" name="name"><br>
    性别：
    {% if user.sex== '男' %}
        <input type="radio" value="男" checked name="sex">男
        <input type="radio" value="女" name="sex">女
    {% else %}
        <input type="radio" value="男" name="sex">男
        <input type="radio" value="女" checked name="sex">女
    {% endif %}
    <br>
    <input type="submit" value="提交">
</form>
<a href="/test/index">返回首页</a>
<script>
    $(function () {
        // 头像预览
        $('#avatar').change(function () {
            // 1.创建文件阅读器对象
            let avatar_img = new FileReader()
            // 2.获取用户上传的文件对象
            let up_avatar = $(this)[0].files[0];
            // 3.将文件对象交给阅读器对象解析
            avatar_img.readAsDataURL(up_avatar)
            // 4.等待文件阅读器加载完毕，利用文件阅读器将文件展示到前端页面，修改src属性，
            // avatar_img.result 获取图像路径
            avatar_img.onload = function () {
                $('#avatar_img').attr('src', avatar_img.result)
            }
        })
    })
</script>
</body>
</html>

前端发送获取文件的请求时，服务器要返回对应文件，因此在这里专门编写一个返回用户头像的视图
flask_teach/test/views.py

from flask import request, render_template, redirect, session, url_for, jsonify, current_app

from . import test_blue

from flask_teach import db, models, redis_store
# 引入装饰器
from flask_teach.decorators import decorator_login
from flask_teach.common import random_num
# 返回用户头像
@test_blue.route('/user_avatar')
def user_avatar():
    name = session.get('name')

    # 获取用户
    user = models.Test.query.filter_by(name=name).first()

    # 如果用户头像不存在，则返回默认头像
    # current_app.send_static_file("文件路径") 能返回静态文件夹里面的文件
    if not user.avatar_url:
        if user.sex == '男':
            return current_app.send_static_file('avatar/male.jpeg')
        if user.sex == '女':
            return current_app.send_static_file('avatar/female.jpeg')

    # 头像存在，则正常返回
    return current_app.send_static_file('avatar/{}.png'.format(name))

运行

先注册一个用户
在这里插入图片描述

注册之后登录查看用户信息
在这里插入图片描述
在这里插入图片描述
更改信息后点提交
在这里插入图片描述
可以看到数据已经更新，后台也保存了对应图片
在这里插入图片描述
大功告成！！！有什么问题欢迎在评论区留言。
所有代码已经传到了码云上https://gitee.com/li_weiyan/flask_teach.git，有兴趣的可以看一下。

fresh_nam
关注
专栏目录
Flask实现文件上传
m0_48106473的博客
10-22 584
flask上传文件 已form表单为例，设置enctype=“multipart/form-data” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传文件</title> </head> <body> <form action="" method="post" enctype="mult
flash 上传文件
06-26
本话题主要关注使用Java Struts2框架实现Flash上传文件的方案。Struts2是Apache软件基金会的一个开源项目，它为Java Web开发提供了一个强大的MVC（Model-View-Controller）框架。而Flash作为一种流行的富互联网应用...
Flask-文件上传
seanyang_的博客
07-12 8110
在Flask中处理文件上传非常简单。 它需要一个enctype属性设置为'multipart/form-data'的HTML表单，将该文件提交到指定URL。 也可以配置上传文件路径和指定上传文件大小。 实例：upload.html文件中包含一个file和一个提交按钮。执行action为upload函数，方法为post，同时，需要一个 enctype = "multipart/form-data"属性。 点击提交按钮后，upload_file函数开始处理，从request.files中获取文件， 通过s
Flask中实现文件上传
最新发布
sheji888的专栏
09-10 682
在Flask中实现文件上传是一个常见的需求，它允许用户将文件从本地计算机传输到服务器上。下面将详细介绍如何在Flask中实现文件上传的步骤，包括设计上传表单、创建处理文件上传的路由、以及相关的最佳实践。
Flask--文件上传
weixin_44688529的博客
08-31 1220
用 Flask 处理文件上传很容易，只要确保 HTML 表单中设置enctype=“multipart/form-data” 属性就可以了。
flask处理文件上传
weixin_41777118的博客
07-29 3014
在Flask框架中，你可以使用`request.files`对象来处理文件上传。以下是一个简单的文件上传的示例：
HTML上传文件的3种实现方法.1用flash上传文件2用js插件上传文件3用表单上传文件
01-07
HTML实现文件上传的3种实现方法 1用flash上传文件 2用js插件上传文件 3用表单上传文件
flash上传文件flash上传文件
06-05
在IT领域，Flash上传文件是一种常见的方式，尤其在ASP.NET框架下，用于处理用户通过Web浏览器上传大文件或多个文件的场景。Flash技术提供了一种跨平台的解决方案，弥补了HTML早期版本对大文件上传支持的不足。以下是...
v9修改flash附件上传为h5上传.zip
10-13
在PHPCMS V9中，将Flash上传组件替换为H5上传组件可能涉及到以下几个步骤： 1. **替换上传组件**：找到PHPCMS V9中处理文件上传的相关代码，尤其是与Flash相关的部分，替换为HTML5的文件输入元素。 2. **更新...
python3 flask实现文件上传功能
12-24
本文实例为大家分享了python3-flask文件上传操作的具体代码，供大家参考，具体内容如下 # -*- coding: utf-8 -*- import os import uuid import platform from flask import Flask,request,redirect,url_for from werkzeug.utils import secure_filename if platform.system() == "Windows": slash = '\\' else: platform.system()=="Linux" slash = '/
flash上传文件，php
07-15
当我们谈论"flash上传文件，php"时，我们通常是指利用Flash技术实现的文件上传功能，结合PHP后端进行处理。这里，我们主要讨论的是如何通过Flash组件（如swfupload）来实现用户友好的文件上传，并在后台使用PHP进行...
Flask(十三)——文件上传
hhhcbw的博客，欢迎各位来访
03-02 2949
在Flask中处理文件上传非常简单。 它需要一个 enctype 属性设置为 multipart/form-data 的HTML表单，将该文提交到指定URL。 URL处理程序从 request.files[] 对象中提取文件并将其保存到所需的位置。 每个上传的文件首先保存在服务器上的临时位置，然后再保存到最终位置。 目标文件的名称可以是硬编码的，也可以从 request.files [file] 对象的 filename 属性中获取。 但是，建议使用 secure_filename() 函数获取它的安.
Flask：上传文件到服务器&jinja2.exceptions.TemplateNotFound出错
云中寻雾的博客
12-20 1956
今天要做一个简单的页面，可以实现将文件 上传到服务器（保存在指定文件夹） Sample.py # coding:utf-8 from flask import Flask,render_template,request,redirect,url_for from werkzeug.utils import secure_filename import os app = Flask(__n...
Flask 文件上传
weixin_45793065的博客
06-08 3422
Flask 文件上传 Flask 文件上传 在Flask中处理文件上传非常简单。它需要一个HTML表单，其enctype属性设置为“multipart / form-data”，将文件发布到URL。URL处理程序从request.files[]对象中提取文件，并将其保存到所需的位置。 每个上传的文件首先会保存在服务器上的临时位置，然后将其实际保存到它的最终位置。目标文件的名称可以是硬编码的，也可以从request.files[file]对象的filename属性中获取。但是，建议使用secure_filen
flask之文件上传
晴天的博客
12-04 411
flask之文件上传
Flask——上传文件
活动的笑脸的博客
11-01 3525
Flask上传文件可以使用request.files 进行上传，用save方法直接使用文件上传对象保存，例如： from flask import Flask, request app = Flask(__name__) @app.route("/upload",methods=["POST"]) def upload(): """接受前端传送过来的文件""" file_obj = request.files.get("pic") if file_obj is None:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值