基于nodejs的文件上传存储功能 #开发环境
- Node.js:
6.9.1 - MongoDB:
3.2.10 - Express:
^4.15.3
1.框架选用的为express 4.*版本，文件上传选用了multer插件，数据库选用mongodb非关系型数据库，页面模版使用ejs模版，分页插件为我自己编写的一个插件。
2.会详细介绍上传控件multer的配置项，mongodb数据库线上和本地连接，mongodb创建schemas和model的方法和如何调用。
git clone https://github.com/zhaoxuhui1122/FileUplaod.git
npm install
node app
- Node.js:
6.9.1 - MongoDB:
3.2.10 - Express:
^4.15.3 - Bluebird: "^3.5.0`
- Body-parser:
^1.17.2 - Colors:
^1.1.2 - Ejs:
^2.5.6 - Moment:
^2.18.1 - Mongoose:
^4.11.3 - Multer:
^1.3.0
页面模板引擎选用的为ejs模板，首先在app.js中定义页面模板为ejs
const ejs = require("ejs");
app.set("views", "./views"); //设置页面模版根目录
app.set("view engine", "ejs"); //设置默认模板引擎定义路由，此处由于只有一个页面，设置根目录为上传页面
app.get("/",function(req,res){
res.render("upload");
})文件上传此处实用的multer插件 关于multer的相关配置参考/config/upload.js 首先定义上传文件的请求接口
app.post("/upload/file", uploadConfig.single('file')); //文件上传 file为表单内input的name
//做到这里其实已经实现文件上传的功能了
//剩余的工作就是将存储的文件相关的信息存入数据库，便于后期使用/config/upload.js 内已经将文件的一些属性进行了修改，如文件名，方便在service层调用
- 首先设计数据库字段，由于此处只做示例，将mongoose的schemas和model全部定义在了一起，构建复杂项目可分开
const mongoose = require("mongoose");
//定义模式 schemas
//schemas 所需存储的字段以 键值:值类型的模式定义
var uploadSchemas = new mongoose.Schema({
name: String,
url: String,
type: String,
size: String,
createAt: Date
});
//定义模型 model
var Upload = mongoose.model("Upload", uploadSchemas);
module.exports = Upload;-
设计文件存储和删除功能 /service/upload.js
-
定义请求接口
const uplaodService = require("./service/upload");
app.post("/upload/file", uploadConfig.single('file'), uplaodService.add); //文件上传
app.post("/remove/file", uploadConfig.single('file'), uplaodService.remove); //文件删除至此，文件上传和删除的接口已经完成
后台分页插件为pagination.js,可根据自己的需求扩展 页面路由配置项
const pagination = require("./controller/pagination");
app.get("/", function(req, res) {
//限查出数据库内所有的数据
Upload.find({}, function(err, files) {
if (err) {
console.log(err);
return;
}
//按创建时间排序
files = files
.sort("createAt")
.reverse();
//分页 调用分页插件
var result = pagination(req.query, files);
//响应对应的页面
res.render("upload", {
result: result
});
})
})页面分页按钮组扩展插件在conmon.js内 关于页面数据绑定可参考网上ejs的具体用法，这里只用到了简单的判定和循环列表
此处不对mongodb的安装做具体的介绍，安装过程中会碰到各种问题，需要自己去摸索试探 mongodb桌面管理工具个人使用的是Robomongo
配置提供了测试数据库和线上数据库两种配置方案，可根据不同的环境自动切换。
- 原理为判定但前环境是否为百度云的bae基础版引擎，如果是的话，将数据库连接到线上数据库，线上数据库在扩展服务里自己开，1G免费空间，所需要的参数都有说明。
- 关于数据库配置信息，关键在于【数据库连接地址】，线上和线下地址配置分别如下
//数据库线上连接地址
var user = "341b3801489b4b279632885bd13b0e**"; //Access Key ID
var pwd = "1a882272b2d14d1fbc844b5583c8379a"; //Secret Access Key
var database = "YRyzINGQtfFUZthtOJ**"; //数据库名称
var url = 'mongodb://' + user + ':' + pwd + '@mongo.duapp.com:8908/' + database + '';
//这几个参数是相当容易获取的，直接输入到对应位置即可
//线上数据库会出现自动断开连接的情况，配置中已解决该问题//本地测试地址
var url = "mongodb://127.0.0.1:27017/upload";
//uplaod即数据库名称，自己设定
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent