在 RESTful API 中实现文件上传和下载功能是一项非常常见且实用的功能，然而在实现过程中还存在一些问题需要解决。本文将会探讨如何解决 RESTful API 中的文件上传与下载问题，并提供相应的代码示例供参考。
文件上传
前端实现
在前端的实现中，我们可以使用 FormData 对象来处理文件上传。FormData 对象可以通过 append() 方法添加一些键值对（其中值可以是 Blob 对象或者字符串），并将其发送到服务器。
const formData = new FormData()
formData.append('file', file)
axios.post('/api/upload', formData)服务端实现
在服务端实现文件上传的过程中，我们需要处理以下两个问题：
- 如何接收上传的文件。
- 如何处理上传的文件。
对于第一个问题，我们可以使用 multer 库，它可以处理文件上传中的各种问题，例如文件大小限制、文件类型限制等。在使用 multer 库之前，需要先用 multer() 方法创建一个中间件，然后将其作为路由处理程序的参数。在处理程序中可以使用 req.file 来访问文件对象。
const multer = require('multer')
const upload = multer({ dest: 'uploads/' })
router.post('/api/upload', upload.single('file'), (req, res) => {
const file = req.file
// ...
})对于第二个问题，我们可以根据具体需求进行处理，例如将上传的文件保存到服务器本地、将文件保存到云存储服务等。
-- -------------------- ---- -------
----- ------ - -----------------
----- ------ - -------- ----- ---------- --
-------------------------- ---------------------- ----- ---- -- -
----- ---- - --------
-- -----------
------------------------ --------- - ------------------
-- -----------
----- ------ - ------------------------------
------------------------------------------ -- -
-------------------
--------------
--文件下载
前端实现
在前端的实现中，我们可以使用 fetch() 方法来下载文件。在请求的头部中添加 Content-disposition 属性可以指定下载的文件名。
-- -------------------- ---- -------
------------------------------------ -- -
----- -------- - ------------------------------------------------------------------
------ -------------------- -- -
----- - - ---------------------------
----- --- - -------------------------
------ - ---
---------- - --------
---------
-------------------------------
--
--服务端实现
在服务端实现文件下载的过程中，我们需要处理以下两个问题：
- 如何根据指定的 ID 查找到要下载的文件。
- 如何发送文件到客户端。
对于第一个问题，我们需要将文件的元信息保存到数据库中，例如文件名、文件类型、文件大小、文件在服务器上的存储路径等。在请求处理程序中，根据传入的 ID 查找到相应的文件信息，然后将文件的路径返回给客户端。
router.get('/api/download', (req, res) => {
const id = req.query.id
const file = // 根据 ID 查找到文件信息
res.json(file.path)
})对于第二个问题，我们可以使用 sendFile() 方法发送文件到客户端，该方法将自动设置正确的 Content-Type 和 Content-Length。
router.get('/api/download', (req, res) => {
const id = req.query.id
const file = // 根据 ID 查找到文件信息
res.sendFile(path.join(__dirname, file.path))
})总结
通过本文的介绍，我们可以解决 RESTful API 中的文件上传与下载问题，并提供了具体的代码实现。上传和下载文件是非常常见且实用的功能，在实际应用中需要根据具体需求进行相应的处理。通过本文的学习，希望能对读者的开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64632f2f968c7c53b0432718