跳至主要內容

react+node 本地大文件分片上传、断点续传

程序员王天大约 2 分钟

本地文件上传

环境安装

  1. Koa
  1. Koa-Router
  1. @koa/multer

Multer 是一个 node.js 中间件,用于处理 multipart/form-data 类型的表单数据,主要用于上传文件。
在 form 表单上要加上 enctype=“multipart/form-data” 的属性。
Multer 不会处理任何非 multipart/form-data 类型的表单数据。
不要将 Multer 作为全局中间件使用,因为恶意用户可以上传文件到一个你没有预料到的路由,应该只在你需要处理上传文件的路由上使用。

  1. path
  • 作用:Node.js 的内置模块,用于处理文件路径,提供了一些实用的函数来操作和解析文件路径。
  • npm 地址:这是 Node.js 的内置模块,不需要通过 npm 安装,可以直接使用。
  1. @koa/cors
  1. koa-body
  1. koa-static

注意事项!!

文件本地上传环境配置,顺序要求如下:

app.use(cors()); //1、先配置跨越
app.use(router); // 2、应用路由(使用koa-Router)
app.use(
  koaBody({
    //3、解析请求内容请求数据
    multipart: true,
  })
);
// 4、、

参考链接
https://jelly.jd.com/article/5e734631affa8301490877f1open in new window
https://segmentfault.com/a/1190000008899001open in new window
https://mp.weixin.qq.com/s/y_UwDtB1TsNNfWs5hJVGdAopen in new window

读者朋友好呀,我是王天~ 😊

尝试做过很多事情,半路出道的野生程序员、前端讲师、新手作者,最终还是喜欢写代码、乐于用文字记录热衷分享~

如文章有错误或者不严谨的地方,期待给于指正,万分感谢。🙇‍

如果喜欢或者 有所启发,欢迎 star,对作者也是一种鼓励👏

微信:「wangtian3111」,加我进王天唯一的读者群。

个人博客:https://itwangtian.com