nodejs教程---基于expressJs框架，实现文件上传（upload）？_nodejs文章/教程_编程语言

nodejs教程---基于expressJs框架，实现文件上传（upload）？

2023-02-09 学习力0

核心提示：文件上传功能在nodejs初期是一件很难实现的功能，之后出现了formidable勉强能解决这个问题，但是express框架出现之后基于这个框架开发的中间件有更好的方法来处理文件上传，这个中间件就是multer，multer中间件的github地址是https://github.com/expressjs/mu

文件上传功能在nodejs初期是一件很难实现的功能，之后出现了formidable勉强能解决这个问题，但是express框架出现之后基于这个框架开发的中间件有更好的方法来处理文件上传，这个中间件就是multer，multer中间件的github地址是https://github.com/expressjs/multer，中文api阅读起来很方便，有兴趣的同学可以去看一下，

var express=require("express")
var app=express()
var multer=require("multer")
var upload=multer({ dest: 'uploads/' })
var fs=require("fs")
app.use(upload.fields([{ name: 'file1', maxCount: 1 }]))
app.get("/upload",function(req,res){
var html=fs.readFileSync("./upload.html")
res.end(html)
})
app.post("/upload",function(req,res){
if(req.files){
res.end("上传成功")
}else{
res.end("上传错误")
}
console.log("上传文件信息如下：")
console.log(req.files)
})
app.listen(80)

其中文件upload.html代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>upload</title>
</head>
<body>
<form action="/upload" method="post" enctype="multipart/form-data">
<p>选择需要上传的文件：<input type="file" name="file1" value="点击选择上传文件"></p>
<input type="submit" value="提交">
</form>
</body>
</html>

需要注意的点有：

1.form必须加上属性enctype值为multipart/form-data

2.input（type=“file”）的属性name的值必须和upload.fields函数传入对象的属性name值一样

如何需要上传两个文件可以这样写：

app.use(upload.fields([{ name: 'file1', maxCount: 1 }，{name:'file2',maxCount:1}]))

与之对应的form表单这样写：

3个或者4个或者更多文件如此类推，关于req.fiels里面的对象属性值所代表的意思大家可以去参考github上关于multer的介绍。

最后附上packjson文件：

{
"name": "nodejs-express-upload",

}

免责声明：本文仅代表作者个人观点，与乐学笔记（本网）无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
本网站有部分内容均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责，若因作品内容、知识产权、版权和其他问题，请及时提供相关证明等材料并与我们留言联系，本网站将在规定时间内给予删除等相关处理.