Vue Element-UI el-upload上传文件，aiohttp request.multipart()获取失败

嘿，我来帮你排查这个问题～ 你遇到的情况不是bug，主要是两个细节没处理到位：el-upload额外的表单字段导致multipart顺序问题，以及错误调用方法消耗了文件流。

为什么request.multipart()无效？ #

1. el-upload的:data参数打乱了multipart顺序 #

你的Vue代码里配置了:data="dataObj"，这个参数会在上传的multipart/form-data表单中添加额外的键值对（即dataObj里的字段）。当你直接调用reader.next()时，拿到的第一个part大概率是这些额外的文本字段，而非你指定的名为aaa的文件字段，自然读取不到正确的文件内容。

2. image.text()提前消耗了文件流 #

在你的无效代码中，print(image.text())这一步会一次性读取整个part的内容并转为文本格式，而aiohttp的multipart流是单向、不可重复读取的，这就导致后续的await image.read_chunk()再也拿不到任何数据。

修复后的request.multipart()代码 #

我们需要遍历所有multipart parts，精准定位到name为aaa的文件part，同时避免提前消耗流：

async def post_image(self, request):
    reader = await request.multipart()
    image_part = None
    # 遍历所有part，找到目标文件
    while True:
        part = await reader.next()
        if part is None:
            break  # 所有part处理完毕
        if part.name == 'aaa':
            image_part = part
            break
    if not image_part:
        return await self.reply_error("未获取到上传文件")  # 处理无文件的异常情况
    
    filename = image_part.filename
    print(f"上传文件名: {filename}")
    size = 0
    with open(os.path.join('', 'aaa.jpg'), 'wb') as f:
        while True:
            chunk = await image_part.read_chunk()
            if not chunk:
                break
            size += len(chunk)
            f.write(chunk)
    print(f"文件保存完成，大小: {size}字节")
    return await self.reply_ok([])

额外验证建议 #

• 如果你的业务不需要额外的表单数据，可以直接去掉:data="dataObj"，这样reader.next()能直接拿到文件part，但仍建议保留遍历逻辑，让代码更健壮。
• request.post()之所以能正常工作，是因为它内部已经帮你完成了所有multipart parts的解析，并整理成了类似字典的结构，你可以直接通过键名aaa获取文件，省去了手动遍历的步骤。

这样修改后，request.multipart()就能正常读取到上传的文件了～

内容的提问来源于stack exchange，提问作者Jim