Node.js实现FormData文件上传 |21xrx.com

Node.js实现FormData文件上传

2023-07-05 13:53:59 深夜i 18 0

Node js FormData 文件上传

Node.js是一个非常强大的JavaScript运行环境，它可以在服务器端运行JavaScript代码，实现许多实用的功能。其中，文件上传是Web开发中的一个非常常见的功能，使用户可以方便地将文件上传到服务器上。而在Node.js中，使用FormData对象可以很容易地实现文件上传操作。

FormData对象是HTML5中新增的一个API，它可以让我们更方便地构造表单数据，包括上传文件。我们可以使用Node.js中的formidable模块来解析FormData对象，从而实现文件上传操作。下面是一个简单的实现文件上传的例子：

const http = require('http');
const fs = require('fs');
const formidable = require('formidable'); //引入formidable模块处理表单数据
http.createServer(function(req,res) {
  if(req.url == '/upload' && req.method.toLowerCase() == 'post') {
    const form = new formidable.IncomingForm(); //创建表单解析器
    form.parse(req, function(err, fields, files) { //解析上传的文件
      if (err) throw err;
      const oldPath = files.file.path;
      const newPath = __dirname + '/uploads/' + files.file.name;
      fs.rename(oldPath, newPath, function(err) { //对上传的文件重命名
        if (err) throw err;
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.write(`File uploaded successfully: ${files.file.name}`);
        res.end();
      });
    });
  }
  else {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.write('<form action="/upload" method="post" enctype="multipart/form-data">');
    res.write('<input type="file" name="file">');
    res.write('<input type="submit" value="Upload">');
    res.write('</form>');
    res.end();
  }
}).listen(8080);

在这个例子中，我们创建了一个HTTP服务器，当用户访问根路径时，会返回一个包含上传表单的HTML页面。当用户在表单中选择了一个文件并点击“上传”按钮后，表单数据会通过POST请求发送到/upload路径，服务器会解析FormData对象，提取出上传的文件，然后将文件保存到服务器上的uploads目录中，并返回一个上传成功的页面。

这里需要注意的是，我们使用了Node.js中的fs模块来重命名上传的文件。这是因为，上传文件时，文件名可能会出现重复，导致文件被覆盖。因此，我们需要将文件名重命名为一个唯一的名字，以确保文件不会被覆盖。

综上所述，Node.js可以通过解析FormData对象，实现文件上传的功能。使用formidable模块可以方便地处理表单数据，将上传的文件保存到服务器上。FileReader接口甚至可以读取上传文件的内容。因此，Node.js可以作为Web开发中实现文件上传功能的一个非常有效的工具。

上一篇: idea打包java可执行jar包

下一篇: Node.js 缓冲区、FFI 和指针的应用

评论区

相似文章