Node.js服务器教程：处理图片上传与显示

"本教程介绍了如何使用Node.js和Felix Geisendörfer的node-formidable模块处理用户上传的图片并显示在浏览器中。主要内容包括安装formidable模块、解析POST请求中的文件数据、读取并展示本地文件以及处理图片上传的HTTP请求。" 在Node.js环境中，处理用户上传的文件，尤其是图片，通常需要借助第三方库。在这个例子中，我们将使用`formidable`模块，这是一个专门用于处理HTTP表单上传文件的库。首先，你需要在命令行环境中通过`npm install formidable`来安装这个模块。安装成功后，你可以通过`require('formidable')`将其引入到你的项目中。 `formidable`模块的核心功能是解析通过HTTP POST请求提交的表单数据。它创建了一个`IncomingForm`对象，该对象能够解析request对象，从中提取出表单字段和上传的文件。当用户上传图片时，这些数据会被解析成易于处理的形式。 为了在浏览器中显示上传的图片，我们需要使用Node.js内置的`fs`模块来读取本地文件系统中的图片。例如，假设图片被保存在`/tmp/test.png`，我们可以使用`fs.readFile`或`fs.readFileSync`来读取文件内容，然后通过HTTP响应返回给客户端，让浏览器显示。 在`requestHandlers.js`中，我们需要添加一个处理`/showURL`请求的函数，这个函数会读取指定路径的图片文件，并将其内容作为响应返回。同时，我们还需要一个处理`/upload`请求的函数，用于接收上传的图片。在表单中，用户可以通过`<input type="file">`标签选择要上传的图片。 处理`/upload`请求时，我们需要监听`'end'`事件，这表示整个文件上传已经完成。在这个事件的回调函数中，我们可以访问到上传的文件信息，包括文件名、大小等，然后将其保存到服务器的特定目录下。为了安全和管理方便，通常我们会将上传的文件保存在与应用代码隔离的目录。 这个过程涉及到以下几个关键步骤： 1. 安装`formidable`模块。 2. 在服务器端创建`IncomingForm`实例并监听文件上传事件。 3. 处理`/upload`请求，保存上传的图片文件。 4. 使用`fs`模块读取并发送图片内容，处理`/showURL`请求。 5. 在HTML中设置表单，允许用户选择并上传图片。 理解并实现这些步骤，你就能创建一个简单的Node.js服务器，支持用户上传图片并在浏览器中查看。不过，实际应用中，你可能还需要考虑错误处理、文件命名规则、文件大小限制、安全策略（如防止恶意文件上传）等问题，以确保服务的稳定性和安全性。