Multer 是 Node.js 的一个中间件，用于处理 multipart/form-data 类型的表单数据（包括文件上传）。而@types/multer 是 Multer 的 TypeScript 定义文件，可以帮助我们在 TypeScript 项目中使用 Multer。本文将介绍如何使用 @types/multer。
安装
首先，我们需要安装 Multer 和 @types/multer。可以使用 npm 或者 yarn 安装。
--- ------- ------ ------------- - - ---- --- ------ -------------
使用
接下来，我们就可以按照以下步骤来使用 Multer：
- 引入 Multer
------ ------ ---- ---------
- 配置 Multer
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- ------------ -- --------- --------- ---
--
--------- -------- ----- ----- --- -
-------- -------------- - --- - ------------ -- ---------------
-
---
----- ------ - -------- -------- ------- ---以上代码中，我们通过 multer.diskStorage() 来配置 Multer 的磁盘存储引擎。该存储引擎将上传的文件保存到指定目录，并使用指定格式重新命名文件。
- 处理上传请求
------------------- ----------------------- ----- ---- -- - -- -------- ---------- -------------- -------- ---------------- ---
通过调用 upload.single()，我们告诉 Multer 只处理单个文件上传，字段名为 “image”。Multer 会把上传的文件存储到指定配置的地方，并把相关信息存储在 req.file 中。
完整示例代码
以下是一个完整的文件上传示例，可以将其复制到 TypeScript 项目中并运行。
------ -------- - -------- -------- - ---- ----------
------ ------ ---- ---------
----- --- - ----------
----- ---- - -----
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- ------------
--
--------- -------- ----- ----- --- -
-------- -------------- - --- - ------------
-
---
----- ------ - -------- -------- ------- ---
------------ ----- ---- -- -
----------
-------- ------ ------------
----- ------------- ---------------- ------------------------------
------ ----------- ------------ --
------- -----------------------------
-------
---
---
------------------- ----------------------- ----- ---- -- -
----- ---- - ---------
-- ------- -
------ ------------------------ ---- ------------
-
-------------- -------- ----------------
---
---------------- -- -- -
------------------- ------- -- ---------------------------
---该示例中，通过访问根路径可以看到一个包含文件上传表单的简单页面。选择一个文件并点击上传按钮即可完成文件上传操作。上传的文件将保存在 ./uploads 目录下。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/158883