扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这期内容当中小编将会给大家带来有关NodeJS中怎么将文件或图像上传到服务器，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
创新互联公司专注于吴兴企业网站建设,自适应网站建设,商城网站定制开发。吴兴网站建设公司,为吴兴等地区提供建站服务。全流程按需网站制作，专业设计，全程项目跟踪，创新互联公司专业和态度为您提供的服务
创建空白的Node JS Web应用程序
开始之前，我们首先要设置我们的依赖关系。为此，请打开package.json文件并粘贴代码。
{ "name": "node_js_file_upload", "version": "0.0.1", "description": "Node_JS_File_Upload", "main": "server.js", "dependencies": {"body-parser": "^1.15.2","express": "^4.14.0","multer": "^1.2.0"
}, "author": {"name": "Sibeesh"
}
}现在，运行NPM install命令，如下所示。
npm install
运行该命令后，可以看到解决方案中安装了依赖关系。
现在我们可以理解这些依赖关系是用来干什么的了。
express
根据Express Team，Express是一个极小且灵活的Node.js Web应用程序框架，为Web和移动应用程序提供了一组强大的功能。Express提供了基本Web应用程序功能的一个薄层，不会掩盖你知道和喜欢的Node.js功能。你可以随时在这里了解更多关于Express Package的信息。
multer
Multer是一个用于处理multipart / form-data的node.js中间件，主要用于上传文件。它构建在busboy基础上以提高效率。点击这里阅读更多关于multer包。
你可以按如下所示创建依赖关系的实例。
var Express = require('express');var multer = require('multer');var bodyParser = require('body-parser');var app = Express();
app.use(bodyParser.json());然后，创建说明应该在哪里以及如何保存文件/图像的storage。
var Storage = multer.diskStorage({
destination: function (req, file, callback) {
callback(null, "./Images");
},
filename: function (req, file, callback) {
callback(null, file.fieldname + "_" + Date.now() + "_" + file.originalname);
}
});每个文件包含以下信息：
fieldname：在窗体中指定的字段名
originalname：用户计算机上文件的名称
encoding：文件的编码类型
mimetype：文件的MIME类型
size：文件的大小（以字节为单位）
destination：保存文件的文件夹
filename：目标文件的名称
path：上传文件的完整路径
buffer：整个文件的Buffer
现在请创建multer对象如下。
var upload = multer({ storage: Storage }).array("imgUploader", 3); //Field name and max count这里multer接受我们在上一步中创建的storage作为参数。函数
array(fieldname[, maxCount])
接受文件数组，所有文件名都为fieldname。
现在我们该写post和get请求了：
app.get("/", function (req, res) {
res.sendFile(__dirname + "/index.html");
});
app.post("/api/Upload", function (req, res) {
upload(req, res, function (err) {if (err) {return res.end("Something went wrong!");
}return res.end("File uploaded sucessfully!.");
});
});这里/ api / Upload是我们将要设置的操作名称，在我们马上就会创建的HTML页面上。***，但并非最不重要的是，我们需要确保应用程序正在侦听我们的特定端口，在本例下，为port 2000。
app.listen(2000, function (a) {console.log("Listening to port 2000");
});你可以使用jquery-3.1.1.min.js和jquery.form.min.js的引用创建如下所示的页面。