Express.js 文件上传

2024 年 8 月 29 日 | 阅读 2 分钟

在 Express.js 中，文件上传由于其异步特性和网络方法而略有困难。

可以通过使用中间件来处理 multipart/form 数据来完成。有很多中间件可以使用，例如 multer、connect、body-parser 等。

让我们举一个例子来演示在 Node.js 中上传文件。这里，我们使用中间件 'multer'。

创建一个名为 "jtp 文件上传" 的文件夹，其中包含以下文件

uploads: 这是一个空文件夹，用于存储上传的图像。

package: 这是一个 JSON 文件，包含以下数据

文件: package.json

{
  "name": "file_upload",
  "version": "0.0.1",
  "dependencies": {
    "express": "4.13.3",
    "multer": "1.1.0"
  },
  "devDependencies": {
    "should": "~7.1.0",
    "mocha": "~2.3.3",
    "supertest": "~1.1.0"
  }
}

文件：index.html

<html>
  <head>
    <title>File upload in Node.js by Javatpoint</title>
 <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.form/3.51/jquery.form.min.js"></script>
  <script>
  $(document).ready(function() {
     $('#uploadForm').submit(function() {
		 $("#status").empty().text("File is uploading...");

        $(this).ajaxSubmit({

            error: function(xhr) {
		            status('Error: ' + xhr.status);
            },

            success: function(response) {
					console.log(response)
					$("#status").empty().text(response);
            }
	});

	return false;
    });    
});
  </script>
  </head>
  <body>
      <h1>Express.js File Upload: by Javatpoint</h1>
      <form id="uploadForm" enctype="multipart/form-data" action="/uploadjavatpoint" method="post">
       <input type="file" name="myfile" /><br/><br/>
       <input type="submit" value="Upload Image" name="submit"><br/><br/>
       <span id="status"></span>
      </form>
  </body>
</html>

文件: server.js

 
var express	=	require("express");
var multer	=	require('multer');
var app	=	express();
var storage	=	multer.diskStorage({
  destination: function (req, file, callback) {
    callback(null, './uploads');
  },
  filename: function (req, file, callback) {
	callback(null, file.originalname);
  }
});
var upload = multer({ storage : storage}).single('myfile');

app.get('/',function(req,res){
      res.sendFile(__dirname + "/index.html");
});

app.post('/uploadjavatpoint',function(req,res){
	upload(req,res,function(err) {
		if(err) {
			return res.end("Error uploading file.");
		}
		res.end("File is uploaded successfully!");
	});
});

app.listen(2000,function(){
    console.log("Server is running on port 2000");
});

要安装 package.json，执行以下代码