Echo框架上传文件怎么显示实时进度

胖雪小哥_8340

胖雪小哥_8340

2026-11-13

318人浏览

原创

Echo框架不支持上传进度监控,因c.MultipartForm()和c.FormFile()会一次性读取完整请求体,无法插入统计逻辑;必须手动用ProgressReader包装Request.Body并调用multipart.NewReader()逐part解析,同时通过轮询或WebSocket推送进度。

echo框架上传文件怎么显示实时进度

Echo 框架本身不支持上传进度实时监控,必须手动接管 Request.Body 并配合客户端轮询或 WebSocket 推送——没有中间路径,也不存在“启用某个选项就自动有进度”的配置。

为什么 c.MultipartForm() 和 c.FormFile() 拿不到进度

Echo 在调用 c.MultipartForm() 或 c.FormFile() 时,会直接调用底层 http.Request.Body.Read() 一次性读完整个请求体(包括所有文件数据),中间不暴露读取过程。这意味着:

  • 你无法在解析 multipart 的过程中插入统计逻辑
  • 等你拿到 *multipart.FileHeader 时,文件早已完整写入内存或临时磁盘,上传早已结束
  • 若用户上传大文件且未发 Content-Length,c.MultipartForm() 可能直接 panic 或超时,连错误都来不及捕获

必须用 ProgressReader 包装 Request.Body 并手动解析 multipart

核心动作不是改 Echo 配置,而是替换请求体的读取源头。你需要自己初始化 multipart.Reader,并让它的数据来自一个带进度统计的包装器:

  • 提前读取 c.Request.Header.Get("Content-Length") 获取总大小(注意:客户端必须发送该 header,否则 fallback 到 -1)
  • 定义一个 ProgressReader 类型,嵌入原始 io.Reader,并在 Read(p []byte) 中累加已读字节数、更新 sync.Map 中以 uploadID 为 key 的状态
  • 用这个 ProgressReader 初始化 multipart.NewReader(),再逐个调用 NextPart() 解析每个 part
  • 绝对不要调用 c.ParseMultipartForm() 或 c.MultipartForm(),它们会绕过你的包装器,直接读原始 Body

示例关键片段:

Echo框架 5.1.0
Echo框架 5.1.0

Echo框架 5.1.0 版本源码包下载,适合关注 RealIP 行为变化、StartConfig.Listener、NewDefaultFS 和观测性中间件入口的开发团队。

下载
pr := &ProgressReader{
    Reader: c.Request.Body,
    total:  totalSize,
    uploaded: 0,
    status: statusMap,
    uploadID: uploadID,
}
mr := multipart.NewReader(pr, boundary)
for {
    part, err := mr.NextPart()
    if err == io.EOF {
        break
    }
    // 处理 part.Header 和 part.Body,例如保存到磁盘
}

客户端怎么获取进度:轮询 vs WebSocket

服务端把进度存进 sync.Map 或 Redis 后,客户端需主动拉取或被动接收:

  • 轮询最简单:前端定时发 GET 请求到 /api/progress?upload_id=xxx,后端返回当前 uploaded 和 total
  • WebSocket 更实时但复杂:需要额外维护连接生命周期,上传开始时绑定 uploadID 到 conn,每次进度更新时 conn.WriteJSON()
  • 别依赖 session.upload_progress:那是 PHP 特性,Echo 没有等价机制

轮询接口示例:

e.GET("/api/progress", func(c echo.Context) error {
    id := c.QueryParam("upload_id")
    if stat, ok := statusMap.Load(id); ok {
        return c.JSON(http.StatusOK, stat)
    }
    return c.JSON(http.StatusNotFound, map[string]string{"error": "not found"})
})

真正容易被忽略的是边界条件:客户端没发 Content-Length 时 total 为 -1,进度只能按百分比估算;多个并发上传共用同一个 sync.Map 时 key 冲突;ProgressReader.Read() 被多次调用但未做并发保护——这些地方一漏,进度就跳变或卡死。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

2026.11.06

120

12

Postman请求头Headers怎么设置
Postman请求头Headers怎么设置

围绕Postman HTTP请求头配置展开,讲解Headers选项的具体使用方式,包括Key和Value参数填写、请求头信息添加、常见Header字段设置及请求头修改方法,帮助用户解决接口调试过程中遇到的请求头配置问题。

2026.11.06

60

13

Postman接口请求发送教程
Postman接口请求发送教程

详细介绍Postman接口请求的创建与发送方法,涵盖GET和POST请求、URL配置、请求参数、Headers请求头、Body请求体设置以及响应结果查看,帮助用户掌握Postman接口请求的完整操作流程。

2026.11.06

80

10

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

2026.11.05

60

12

DBeaver安全防护教程大全
DBeaver安全防护教程大全

DBeaver安全防护专题,围绕数据库连接安全、账号密码保护和访问权限管理展开,整理SSL/TLS加密连接、SSH隧道、数据库凭据保存及证书验证等配置方法,同时介绍敏感信息保护、远程连接风险和高权限账号使用等注意事项,帮助用户提高数据库日常管理的安全性。

2026.11.05

60

12

DBeaver连接创建与配置教程
DBeaver连接创建与配置教程

本专题聚焦DBeaver数据库连接配置与管理,覆盖从新建连接、选择数据库类型到填写连接参数和验证连接的完整流程。针对MySQL、PostgreSQL、SQL Server等常见数据库,整理相应的连接设置方法,并提供驱动缺失、认证失败和连接异常等问题的排查方向。

2026.11.04

60

16

XORM框架结构体映射与表结构同步
XORM框架结构体映射与表结构同步

本专题围绕XORM框架的结构体映射展开,说明表名与字段的命名策略、xorm标签常用属性、主键自增与时间字段自动填充,并演示Sync2自动建表、增量字段升级、索引声明与反向生成结构体的完整流程。

2026.11.04

60

15

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

2026.11.04

60

15

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

2026.11.04

0

16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Echo框架IP地址文档
Echo框架IP地址文档

共0课时 | 0人学习

Echo框架中文安装文档
Echo框架中文安装文档

共0课时 | 0人学习

Echo框架快速入门指南
Echo框架快速入门指南

共0课时 | 0人学习