背景
在前端开发中，上传文件是一个常见的操作。而 Express.js 是 Node.js 中常用的 Web 框架，也提供了上传文件的功能。但是，在上传大文件或者网络延迟较高的情况下，会出现上传超时的问题，这给开发带来了一定的困扰。
问题分析
默认情况下，Express.js 的上传文件大小限制为 100KB，如果上传的文件大小超过了这个限制，就会抛出 Request entity too large 的错误。为了解决这个问题，可以通过 body-parser 中间件来增大上传文件大小限制。但即使增大了上传文件大小限制，上传大文件的时候仍然会出现超时的问题。
造成上传超时的原因主要有以下两点：
上传文件的大小。
程序处理上传文件的时间过长。
对于第一点，可以通过增大上传文件大小限制来解决，但是这并不能完全避免上传超时的问题。因为即使是上传一个较小的文件，在网络延迟较高的情况下也会出现上传超时的现象。
对于第二点，需要优化程序处理上传文件的时间。常见的优化方式有两种：一种是将上传的文件暂存到磁盘中，另一种是使用流式上传来部分部分地读取文件和上传文件。
解决方案
我们可以采用第二种方式来解决这个问题，即使用 multer 中间件实现流式上传。multer 是 Node.js 中用于处理 multipart/form-data 类型数据的中间件，它可以将上传的文件暂存到磁盘中或者内存中，并且支持流式上传。
使用 multer 中间件的示例代码如下：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ------------------ ----- --- - ---------- ----- ------ - -------- ----- ----------- --- ------------------- ---------------------- ----- ---- -- - -------------------- --- ---------------- -- -- - ----------------------- ---
上面的代码中，我们使用 multer 中间件来处理上传文件的请求。dest 参数表示将上传的文件保存到 ./uploads 目录中，可以根据实际情况进行调整。upload.single('file') 表示上传单个文件，file 是上传文件的字段名。
总结
在前端开发中，上传文件是一个常见的操作。在使用 Express.js 进行上传时会出现超时的问题，这是由于上传文件大小过大或程序处理时间较长造成的。为了解决这个问题，我们可以使用 multer 中间件实现流式上传来优化程序处理上传文件的时间。使用 multer 中间件可以将上传的文件暂存到磁盘中或者内存中，并且支持流式上传。上述解决方案可以有效地解决使用 Express.js 上传文件超时问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654de4c27d4982a6eb742bbc