flask 处理 multipart/mixed 类型数据 (案例为处理java okhttp包post上传图片)

本文介绍如何使用Flask处理来自OkHttp的POST请求,特别关注含有multipart/mixed头部和文件名的混合数据,通过request.stream和readline逐段解析,并利用stream保存图片数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先说结论:

1. 通过 request.stream 配合 readline 来读取 混合在头部的相关数据,

2. 最后 再使用 request.data 或者 request.stream来读取剩下的数据/流:

这里假设你已经了解如何通过flask处理通过file形式上传的图片的相关知识:

request 模块上传图片代码块

def sendImg(img_path, img_name, img_type='image/jpeg'):

    url = 'http://127.0.0.1:8080' # 自己想要请求的接口地址

    with open(img_path + img_name, "rb")as f_abs:
        body = {

        'camera_code': (None, "摄像头1"),

        'pic': (img_name, f_abs, img_type),

        "time":(None, "2019-01-01 10:00:00")
        }
        response = requests.post(url=url, files=body).json
    return response

flask解析代码块

@app.route("/upload_pic",methods=['POST'])
def receive():
    file_obj = request.files.get('file')
    if file_obj:
        f = open('./demo.jpg', 'wb')
    data = file_obj.read()
    f.write(data)
    f.close()
    return 'success'

大家肯定常用的是 flask里面的 request.form / request.files 这两种模式来取得上传端发送的数据,

但是如果跟java交互的同学肯定遇到过Okhttp发送过来的东西无法解析。

我这里有个比较奇怪的请求,相关文件是 JAVA(android)的okhttp 模块通过POST方式提交的,这里不仅传递了图片 还传递了图片的文件名。

这里调用 request.content_type 查看对应传过来的类型是

multipart/mixed; boundary=d00bfae0-2074-4bc5-ba9d-7bea852fdf80

  MIME类型是 multipart/mixed  而且还附带了一个 (边界信息是由 java端随机生成的)boundary

我这里 调用 reqeust.data就可以看到整个传过来的数据如下(如果你的不可以 也可以尝试用request.stream 配合readline 读取前面几个数据):

b'--d00bfae0-2074-4bc5-ba9d-7bea852fdf80\r\nContent-Disposition: form-data; name="file"; filename="test.jpg"\r\nContent-Type: application/octet-stream\r\nContent-Length: 295947\r\n\r\n\xff\xd8\xff\xe0\x00\x10JFIF\x00\x01\x01\x00\x00\x01\x00\x01\x00\x00\xff\xe2\x02(ICC_PROFILE\x00\x01\x01\x00\x00\x02\x18\x00\x00\x00\x00\x02\x10\x00\x00mntrRGB XYZ.........\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x10\x00\x11\x00\x01\x17\xff\xd9\r\n--d00bfae0-2074-4bc5-ba9d-7bea852fdf80--\r\n

这里可以看到 头部有 \r\n 分割了几个段落 后面是一大段的数据(我这里是图片),最后有个   --+boundary信息 + --\r\n(传输结束标志)

其实读取传入flask传入的数据,不仅有打包好的几个.form .data .file现成的属性(这些其实是通过MIME 对应类型的特征,对其流进行对应的处理,把处理好的结果存为form 或者 file对象) 我们还可以直接用request.stream读取对应的流

这里就跟读取文件一样  每个/r/n 都代表一行,读取完前面几个描述项目后 后面的流 其实就是对应发过来文件的流,这里就可以直接将流导入到文件写入的流里面,也可以用 request.data 这个打包好的 byte类型变量(将流读取到byte类型变量里)

完整的flask 接收 okhttp post文件的代码如下: 

#先读取头部的信息
with request.stream as rs:
    boundary_raw = rs.readline().decode("utf-8").strip()
    file_info = rs.readline().decode("utf-8").strip()
    content_type = rs.readline().decode("utf-8").strip()
    pic_length = rs.readline().decode("utf-8").strip()
    _ =rs.readline()

filename = parseFileName(file_info) # 文件名并非独立字符串 正则取一下就可以了
# 将流写入到文件(这里也可以做别的 只是一个demo)
try:
    
    # tempcache = request.stream.read(1024) #这里没有深究为何最后图片会有问题打不开 应该是没有处理最后的结束标志导致的,这里是直接调用的request.data(这时候的data已经剔除diao)
    with open("./"+filename, 'wb') as f:
        # while len(tempache) == 1024:
        #     f.write(tempcache)
        #     tempcache = request.stream.read(1024)
        # else:
        #     if(len(tempache))!=0:
        #         f.write(tempcache)
        f.write(request.data)

    return {'success':True}
except Exception as e:
    print(e)

简单的说就是 可以用流的模式处理flask传入的数据,大家不必拘泥于 request.form request.file这几个属性里面,可以根据发送端流的特征随意解析这些数据。

如有疏漏还请不吝指正,看到这里还请点个赞 ,万分感谢!!!

您可以使用以下步骤来处理multipart/form-data类型图片上传: 1. 接收请求:在后端服务器上设置一个路由来接收图片multipart/form-data请求。根据您正在使用的编程语言和框架,可以使用例如Express.js(Node.js)或Django(Python)等库来处理HTTP请求。 2. 解析请求:根据您选择的编程语言和框架,您可以使用相应的库来解析multipart/form-data请求。例如,在Node.js中,您可以使用`multer`中间件来解析该类型的请求,在Python中,您可以使用`django`或`Flask`框架提供的相应功能。 3. 处理图片:一旦您成功解析了multipart/form-data请求,您可以访问到上传的文件数据。将其保存到服务器上的适当位置,并在需要时执行所需的操作,如存储到数据库或进行进一步的图像处理。 下面是一个使用Express.js和`multer`库处理multipart/form-data图片上传的简单示例(以Node.js为例): ```javascript const express = require('express'); const multer = require('multer'); const app = express(); const upload = multer({ dest: 'uploads/' }); // 指定上传文件的保存目录 app.post('/upload', upload.single('image'), (req, res) => { // req.file 上传图片信息 // 执行所需的操作,如保存到数据库或进行图像处理等 res.send('图片上传成功!'); }); app.listen(3000, () => { console.log('服务器已启动!'); }); ``` 在上述示例中,我们创建了一个`/upload`的POST路由来处理图片上传请求。使用`upload.single('image')`中间件,我们指定了单个文件上传,并将上传的文件保存到`uploads/`目录下。您可以根据自己的需求调整保存目录和其他选项。 请注意,这只是一个简单的示例,您可能需要根据您的具体需求进行更多的错误处理、验证和文件操作等操作。 希望这可以帮助到您!如果您使用的是不同的编程语言或框架,请提供更多详细信息,以便我可以为您提供更具体的帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值