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响应。

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

相关推荐
LDR0065 小时前
接口焦虑终结者:LDR6020 芯片如何重新定义 Type-C 拓展坞与多设备互联时代
数据结构·经验分享·智能音箱
m0_377618235 小时前
Golang怎么连接MySQL数据库_Golang MySQL连接教程【总结】
jvm·数据库·python
中屹指纹浏览器5 小时前
指纹浏览器内核级渲染伪造技术:Canvas/WebGL/AudioContext深度伪造与检测绕过实战
经验分享·笔记
止语Lab5 小时前
Go并发编程实战:Channel 还是 Mutex?一个场景驱动的选择框架
开发语言·后端·golang
懂懂tty5 小时前
React状态更新流程
前端·react.js
-Springer-6 小时前
STM32 学习 —— 个人学习笔记11-1(SPI 通信协议及 W25Q64 简介 & 软件 SPI 读写 W25Q64)
笔记·stm32·学习
LN花开富贵6 小时前
【ROS】鱼香ROS2学习笔记一
linux·笔记·python·学习·嵌入式·ros·agv
小码哥_常6 小时前
告别繁琐!手把手教你封装超实用Android原生Adapter基类
前端
小码哥_常6 小时前
Spring Boot一键限速:守护你的接口“高速路”
后端
weixin_586061466 小时前
C#怎么通过反射获取类属性_C#如何动态读取元数据【进阶】
jvm·数据库·python