用（Node+MongoDB）搭建简单的图床或者网盘
作者：柠檬????不酸（作者授权转载）
链接：https://juejin.im/post/6858866879339954189
1 文章起源
在掘金白嫖了这么久，总觉得得有个产出，否则白嫖的怪不好意思的????看到网上各种各样的附件上传，觉得对于入门的人可能有些难度，今天就带来了关于Node+Mongodb的附件上传下载方面的文章。该项目比较简单，所以目录简单的一批，各位学到的可以快速搭建一个小网盘图床啥的。感谢掘金各位大大的文章让我升职加薪了????
2 起手式
2.1 概念
首先我们得先去了解一下????Mongodb的文件储存（GridFS）是啥，因为我们都是基于 GridFS 来进行文件储存
2.2 我们需要什么
了解了大概概念后就可以着手安装我们必须的插件了
????express （这是啥不用我多说）
????body-parser （Node解析body的中间件）
????ejs （模板引擎，快速开发就不搞前后端分离了，有兴趣的小伙伴可以用Vue/React来搭建小网盘）
????gridfs-stream （轻松地与MongoDB GridFS之间传输文件。）
????method-override (我们用form表单简单上传，因为form表单不支持put/delete请求方式，所以把它安排上了，小伙伴可自行使用Ajax，就不需要这么麻烦了)
????mongoose (用于连接mongodb必不可少的插件)
????multer (Multer是用于处理多部分/表单数据的node.js中间件，主要用于上传文件。它被编写在busboy之上，以实现最大效率。)
????multer-gridfs-storage (Multer的GridFS存储引擎可将上传的文件直接存储到MongoDb。)
????nodemon (热更新)
以上就是我们需要准备的东西了
// 懒人复制区域
npm install express body-parser ejs gridfs-stream method-override mongoose multer multer-gridfs-storage
// or
yarn add express body-parser ejs gridfs-stream method-override mongoose multer multer-gridfs-storage
复制代码2.3 初始化一个项目
// 可自行补充信息
// npm init
复制代码然后在根目录新建一个入口文件 app.js,和页面 views/index.ejs
3 现在项目开始了
3.1 先将基础部分完事
将我们安装的包引入，再跑跑看看
const express = require('express')
const path = require('path')
const crypto = require('crypto')
const mongoose = require('mongoose')
const multer = require('multer')
const GridFsStorage = require('multer-gridfs-storage')
const GridFsStream = require('gridfs-stream')
const methodOverride = require('method-override')
const bodyParser = require('body-parser')
const app = express()
app.set('view engine', 'ejs') // 设置模板引擎
app.use(bodyParser.json())
app.use(methodOverride('_method'))
app.get('/', (req, res) => {
res.render('index')
})
})
const port = 5000
app.listen(port, () => {
console.log(`App listering on port ${port}`)
})
复制代码一般来说启动了app.js的话我们在浏览器访问 http://localhost:5000 就能看到 views/index.ejs 中的界面了，如果没有，自行查看控制台是否报错
3.2 连接我们的Mongodb数据库
我这边用的本地mongodb数据库，线上也是一样的，我们可以用 NoSQL manager for mongdb 来查看我们数据库里面的数据，我们新建一个新的集合，我这边叫 grid_uploads。所以连接的话也是连接这个集合
// 数据库的链接
const mongoURL = 'mongodb://localhost:27017/grid_uploads'
const connect = mongoose.createConnection(mongoURL, {
useNewUrlParser: true,
useUnifiedTopology: true
})
复制代码可以尝试在NoSQL写入一些数据，具体使用可以参考博客????【MongoDB】NoSQL Manager for MongoDB 教程
3.3 美化一下界面（views/index.ejs）
作为一个小两年的前端工程师，已经练就了像素眼了，我们肯定不能把界面做的辣么丑对吧，眼睛过不去啊，所以我们简单的用bootstrap4来做个界面好了
文件上传
Mongo文件上传
选择文件