flask上传图片解决方案

熊子q

2024-04-27 帮助1人

flask上传图片解决方案

一、前端

前端的form表单必须加enctype=“multipart/form-data” 属性，method必须为post

示例代码如下：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<form method="post" action="/register" enctype="multipart/form-data">
    <h3>注册</h3>
    <input type="file" name="photo">
    <input type="text" placeholder="账号" name="username">
    <input type="text" placeholder="密码" name="pwd">
    <button style="margin-top: 10px" type="submit">注册账号</button>
</form>
</body>
</html>

网页截图为：

学新通

二、后端

我用的后端是flask，下面是对应的路由：

@app.route('/register', methods=['POST'])
def register():

    img = request.files.get('photo') # 从post请求中获取图片数据
    suffix = '.'   img.filename.split('.')[-1] # 获取文件后缀名
    basedir = os.path.abspath(os.path.dirname(__file__)) # 获取当前文件路径
    photo = '/static/uploads/'   str(int(time.time()))   suffix # 拼接相对路径
    img_path = basedir   photo # 拼接图片完整保存路径,时间戳命名文件防止重复
    img.save(img_path) # 保存图片
	print(img_path)
    
    # 其他参数用request.form字典获取
    username = request.form.get('username', '')
    pwd = request.form.get('pwd', '')
    # 这些值都可直接保存到数据库中
    print(photo, username, pwd)
    return {'msg':'ok'}

后端截图：

学新通

三、结语

如果你做的系统中多次用到上传图片到服务器的话，建议将保存图片作为单独的方法拉出来，方便多次调用。下面是我写的接口：

# 保存图片根路径
BASEDIR = os.path.abspath(os.path.dirname(__file__))

# 保存图片到/static/uploads文件夹，并以时间戳命名
# 返回/static/uploads/filename
def saveImg(img):
    # 时间戳作为文件名
    img_path = BASEDIR   '/static/uploads/'   str(int(time.time()))   '.'   img.filename.split('.')[-1]
    img.save(img_path)
    print(img_path)
    photo_path = '/static/uploads/'   str(int(time.time()))   '.'   img.filename.split('.')[-1]
    print(photo_path)
    return photo_path

这篇好文章是转载于：学新通技术网

flask上传图片解决方案

flask上传图片解决方案

一、前端

二、后端

三、结语

photoshop保存的图片太大微信发不了怎么办

《学习通》视频自动暂停处理方法

word里面弄一个表格后上面的标题会跑到下面怎么办

Android 11 保存文件到外部存储，并分享文件

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

TikTok加速器哪个好免费的TK加速器推荐

怎样阻止微信小程序自动打开