Python Flask 接收前端上传的图片

为了编写一个Python接口来接收前端上传的图片、将其存储到本地并返回存储地址,你可以使用Flask框架,这是一个轻量级的Web框架,非常适合快速搭建Web应用。

以下是一个简单的示例,展示了如何实现这个功能:

  1. 首先,确保你已经安装了Flask。你可以使用以下命令安装:

    bash 复制代码
    pip install Flask
  2. 创建一个Python文件(例如 app.py),并编写以下代码:

python 复制代码
from flask import Flask, request, jsonify
import os
import uuid

app = Flask(__name__)

# 配置上传文件夹和允许的文件扩展名
UPLOAD_FOLDER = 'uploads'
ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif'}
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER

# 确保上传文件夹存在
if not os.path.exists(UPLOAD_FOLDER):
    os.makedirs(UPLOAD_FOLDER)

def allowed_file(filename):
    return '.' in filename and \
           filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS

@app.route('/upload', methods=['POST'])
def upload_file():
    # 检查是否有文件部分在请求中
    if 'file' not in request.files:
        return jsonify({'error': 'No file part'}), 400
    
    file = request.files['file']
    
    # 如果用户没有选择文件,浏览器也会提交一个空的文件名,没有文件内容
    if file.filename == '':
        return jsonify({'error': 'No selected file'}), 400
    
    if file and allowed_file(file.filename):
        filename = str(uuid.uuid4()) + '_' + file.filename
        filepath = os.path.join(app.config['UPLOAD_FOLDER'], filename)
        file.save(filepath)
        
        return jsonify({'message': 'File uploaded successfully', 'path': filepath}), 201
    else:
        return jsonify({'error': 'File type not allowed'}), 400

if __name__ == '__main__':
    app.run(debug=True)
  1. 运行你的Flask应用:

    bash 复制代码
    python app.py
  2. 现在,你可以使用Postman或其他HTTP客户端发送一个POST请求到 http://127.0.0.1:5000/upload,并在请求中包含一个文件(字段名为 file)。

示例请求(使用Postman)

  • URL: http://127.0.0.1:5000/upload
  • Method: POST
  • Body: form-data
    • Key: file
    • Value: 选择你要上传的图片文件

响应示例

如果上传成功,你将收到一个JSON响应,其中包含成功信息和图片存储路径,例如:

json 复制代码
{
    "message": "File uploaded successfully",
    "path": "uploads/xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx_yourimage.jpg"
}

如果上传失败(例如文件类型不允许或没有选择文件),你将收到一个包含错误信息的JSON响应。

这个示例展示了基本的文件上传功能,但在生产环境中,你可能需要添加更多的错误处理、安全性措施(如验证上传者身份、限制上传大小等)以及日志记录功能。

相关推荐
燕落南枝34 分钟前
CSS 学习:类型选择器与 AI 注释实战
css·人工智能·学习
高频因子挖掘机1 小时前
本地已有一年历史数据,第二天更新别只拉“昨天一天”:量化 K 线增量同步实践
后端·github·api
高频因子挖掘机1 小时前
只补缺失日期,不重拉全部历史:增量更新 K 线应该怎么设计?
后端·github·api
智能直播2 小时前
RK3518:1.5G 内存 + 8G 存储,如何跑起硬件编解码、Web、AI 识别、绿幕特效
前端·人工智能·5g
Gopher_HBo2 小时前
Go reflect 包动态调用与方法反射 —Call、MakeFunc 与性能
后端
码事漫谈3 小时前
人设带处境,AI 更入戏
后端
掘金酱3 小时前
【10.24 特别活动】AI 时代,程序员的新饭碗在哪里?
前端·人工智能·后端
恒锐丰科技林技术员3 小时前
EG3525S 推挽半桥 PWM 控制芯片解析与工程应用
经验分享·嵌入式硬件·硬件工程
leeyi3 小时前
缓存同步之后,还要考虑没收到消息的节点
后端·性能优化·erlang
excel3 小时前
多进程环境下使用 PM2 部署 Socket.IO:需要注意什么
前端