在前端开发中，文件上传和下载是非常常见的功能。而 express-file-router 这个 npm 包可以方便实现文件上传和下载的功能。本文将介绍 express-file-router 的使用教程和相关示例代码。
安装和引入
首先我们需要使用 npm 进行安装：
--- ------- ------------------- ------
然后在项目中引入 express-file-router：
----- ---------- - -------------------------------
文件上传
express-file-router 可以方便地实现文件上传的功能。下面是一个简单的文件上传示例：
----- ------- - ------------------- ----- --- - ---------- ----- ---------- - ------------------------------- ---------------- ------------ -- -------- -------- --------- - ----------- -- ----------- ----- -------- -- - ---- - ---- ---- -- ---- ---------------- -- -- ------------------- -- -----------
在上面的代码中，我们通过 app.use 将 fileRouter 中间件挂载到 /file 路由下。rootDir 选项指定上传文件的保存路径，而 maxSize 选项则是上传文件大小的限制（默认为 10MB）。
然后，我们可以使用 HTTP POST 请求将文件上传到 /file/upload 路由下：
----- ----- - ----------------- ----- -------- - --------------------- ----- -- - -------------- ----- ---- - --- ----------- ------------------- -------------------------------------- ----------------------------------------------- ----- - -------- ----------------- ----------- -- -----------------------
在上面的代码中，我们使用了 axios 和 form-data 库来发起 HTTP POST 请求，并将文件作为表单数据上传到服务器。
文件下载
express-file-router 还可以方便地实现文件下载的功能。下面是一个简单的文件下载示例：
----- ------- - ------------------- ----- --- - ---------- ----- ---------- - ------------------------------- ---------------- ------------ -- -------- -------- --------- - ---------- ---- -- ---- ----------------------------------- ----- ---- -- - ----- - -------- - - ----------- -- -- --------------------- ------ ------------------------ ---- ---------- --- -- ---- ---------------- -- -- ------------------- -- -----------
在上面的代码中，我们使用 app.get 创建了一个 /file/download/:filename 路由，可以在浏览器中通过访问 /file/download/filename 路径，下载名为 filename 的文件。
而 fileRouter.download() 方法是 express-file-router 提供的下载文件方法，可以根据请求参数自动解析出要下载的文件路径，并将文件下载到客户端。
总结
本文介绍了 express-file-router 的使用方法，包括文件上传、文件下载等常见功能。希望本文对你学习和使用 express-file-router 有所帮助。完整示例代码可以在 GitHub 上查看：https://github.com/express-file-router/example。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedbfa4b5cbfe1ea0611c42