文件上传是 Web 应用程序中常见的功能之一。在 Express.js 中，我们可以使用多种方式来实现文件上传功能。本文将详细介绍几种常见的文件上传实现方式，并提供示例代码和指导意义。
1. 使用 Multer 中间件
Multer 是一个 Node.js 中间件，用于处理 multipart/form-data 类型的表单数据，也就是常见的文件上传。使用 Multer 可以轻松地实现文件上传功能。
安装 Multer
在开始之前，我们需要先安装 Multer。可以通过以下命令来安装 Multer：
npm install multer
使用 Multer
在 Express.js 中使用 Multer 非常简单。只需要在路由中间件中引入 Multer 并设置上传目录即可。下面是一个示例代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ------------------ ----- --- - ---------- ----- ------ - -------- ----- ---------- --- ------------------- ---------------------- ------------- ---- - -- -------- ---
在上面的示例中，我们使用了 upload.single('file') 方法来处理单个文件上传请求。'file' 参数是表单中文件上传控件的名称。
指导意义
使用 Multer 中间件可以轻松地实现文件上传功能。Multer 支持上传多个文件、设置上传文件大小限制、设置上传文件类型等功能。在实际开发中，我们可以根据具体需求来配置 Multer 中间件。
2. 使用 Busboy 中间件
Busboy 是一个 Node.js 中间件，也用于处理 multipart/form-data 类型的表单数据。与 Multer 不同的是，Busboy 不仅可以处理文件上传，还可以处理其他类型的表单数据。
安装 Busboy
在开始之前，我们需要先安装 Busboy。可以通过以下命令来安装 Busboy：
npm install busboy
使用 Busboy
在 Express.js 中使用 Busboy 也非常简单。只需要在路由中间件中引入 Busboy 并设置文件上传目录即可。下面是一个示例代码：
-- -------------------- ---- -------
----- ------- - -------------------
----- ------ - --------------------------
----- --- - ----------
------------------
------------------- ------------- ---- -
---------------------
--------------------- ------------------- ----- --------- -
-- --------
---
---在上面的示例中，我们使用了 req.pipe(req.busboy) 方法来将请求数据流传递给 Busboy。req.busboy.on('file', ...) 方法用于处理文件上传请求。
指导意义
使用 Busboy 中间件可以方便地处理文件上传和其他类型的表单数据。Busboy 支持上传多个文件、设置上传文件大小限制、设置上传文件类型等功能。在实际开发中，我们可以根据具体需求来配置 Busboy 中间件。
3. 使用 FormData API
FormData 是一个 JavaScript API，用于创建表单数据。使用 FormData API 可以通过 AJAX 方式向服务器发送表单数据，包括文件上传。
使用 FormData API
在使用 FormData API 之前，我们需要先创建一个包含文件上传控件的表单。下面是一个示例代码：
<form id="myForm"> <input type="file" name="file"> <button type="submit">提交</button> </form>
在表单中，我们需要设置文件上传控件的名称为 'file'。
接下来，我们可以使用 JavaScript 代码来创建 FormData 对象，并将表单数据传递给服务器。下面是一个示例代码：
-- -------------------- ---- ------- ----- ---- - ---------------------------------- ----- -------- - --- --------------- ---------------- - ------- ------- ----- -------- ---------------- -- - -- ------ -------------- -- - -- ---- ---
在上面的示例中，我们使用了 fetch 方法来发送 AJAX 请求。请求的方法为 POST，请求的数据为 FormData 对象。
指导意义
使用 FormData API 可以方便地实现文件上传功能。FormData API 支持上传多个文件、设置上传文件大小限制、设置上传文件类型等功能。在实际开发中，我们可以根据具体需求来使用 FormData API。
结论
在 Express.js 中，我们可以使用 Multer 中间件、Busboy 中间件和 FormData API 来实现文件上传功能。每种方式都有其优缺点，我们可以根据具体需求来选择合适的方式。
在实际开发中，我们需要注意文件上传的安全问题。可以限制上传文件的大小、类型和数量，同时对上传文件进行检查和过滤，确保应用程序的安全性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675444811b963fe9cc4d6ce4