node.js实现上传文件功能

Node.js是一种基于JavaScript的后端开发语言，在实现上传文件功能时也是非常好用的。下面是基于Node.js实现上传文件功能的完整攻略：

1. 安装依赖

使用Node.js实现上传文件功能需要依赖于multiparty和fs模块。multiparty是一个用来解析multipart/form-data类型数据的模块，fs是Node.js内置的文件系统模块，用于读取和写入文件。

可以使用以下命令安装依赖：

npm install multiparty --save

2. 创建上传文件接口

使用Express框架创建一个上传文件的接口，这里使用的是POST请求方式。

const express = require('express');
const multiparty = require('multiparty');
const fs = require('fs');
const path = require('path');

const app = express();

app.post('/upload', (req, res) => {
  // 创建Form对象实例
  const form = new multiparty.Form();

  // 设置上传文件存储路径
  const uploadDir = path.join(__dirname, 'uploads');
  if (!fs.existsSync(uploadDir)) {
    fs.mkdirSync(uploadDir);
  }
  form.uploadDir = uploadDir;

  // 解析表单数据
  form.parse(req, (err, fields, files) => {
    if (err) {
      res.status(500).send({ message: '上传文件失败' });
      return;
    }

    // 获取上传文件信息
    const uploadFile = files.file[0];

    // 组装上传文件存储的路径和文件名
    const filePath = path.join(uploadDir, uploadFile.originalFilename);

    // 将上传的文件保存到磁盘中
    fs.readFile(uploadFile.path, (err, data) => {
      if (err) {
        res.status(500).send({ message: '上传文件失败' });
        return;
      }

      fs.writeFile(filePath, data, (err) => {
        if (err) {
          res.status(500).send({ message: '上传文件失败' });
          return;
        }

        res.send({ message: '上传文件成功' });
      });
    });
  });
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上面的代码中，我们先通过multiparty创建了一个Form对象实例，并设置了上传文件存储的路径。然后通过调用form.parse()方法解析表单数据，并在回调函数中获取上传文件信息。最后将上传文件写入到磁盘中即可。

3. 页面上传文件示例

可以使用HTML和JavaScript编写页面上传文件的示例，上传文件时需要使用FormData对象。以下是一个基本的上传文件示例：

<!DOCTYPE html>
<html>
  <head>
    <title>上传文件示例</title>
  </head>
  <body>
    <form>
      <input type="file" id="file-input" />
      <input type="button" value="上传文件" onclick="uploadFile()" />
    </form>
    <script>
      function uploadFile() {
        const fileInput = document.getElementById('file-input');
        const file = fileInput.files[0];
        const formData = new FormData();
        formData.append('file', file);

        fetch('/upload', {
          method: 'POST',
          body: formData,
        }).then((res) => {
          console.log(res);
        }).catch((err) => {
          console.log(err);
        });
      }
    </script>
  </body>
</html>

在上面的示例中，我们通过FormData对象将选择的文件添加到请求体中，然后使用fetch方法发送POST请求，将文件上传到服务器。上传成功后，服务器会返回一个响应，可以在then回调函数中处理响应结果。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：node.js实现上传文件功能 - Python技术站

node.js实现上传文件功能

1. 安装依赖

2. 创建上传文件接口

3. 页面上传文件示例

相关文章