相册例子(Express,formidable组件)

最新推荐文章于 2024-10-30 10:23:04 发布

chijiajing

最新推荐文章于 2024-10-30 10:23:04 发布

阅读量762

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/chijiajing/article/details/83341644

版权

这个博客介绍了一个使用Express框架和formidable组件创建的相册应用。应用的结构包括ejs模板文件、静态文件夹（存放相册和图片）、服务启动js（index.js）以及负责路由的router.js。用户需要先安装相关插件，然后通过index.ejs和load.ejs页面进行交互，实现图片上传和展示。

摘要由CSDN通过智能技术生成

总体结构图

ejs文件夹用于存放 ejs文件
static和upload是静态文件夹，upload用于存放相册以及其相片
index.js 服务启动js
router.js 负责给index做路由(exports.XX=function....)
开始需要安装插件

npm install --save express formidable ejs body-parser

index.js

var express=require("express");
var app=express();
var formidable=require("formidable");
var bodyparser=require("body-parser");
app.use(bodyparser.urlencoded({extended:false}));

var router=require("./router.js");

//配置静态
app.use(express.static("static"));
app.use(express.static("upload"));

//配置模板
app.set("view engine","ejs");
//配置模板路径文件夹
app.set("views",__dirname+"/ejs");

//配置首页指向到index.ejs
app.get("/",router.index);

//上传页面
app.get("/load",router.load);

//上传图片方法
app.post("/loadFile",router.loadFile1);

//查看页面
app.get("/showImg",router.showImg);

//查看图片本体
app.get("/showImgFun",router.showImgFun);

//创建页面
app.get("/mkdir",router.mkdir1);

//创建文件方法本体
app.get("/mkdirDo",router.mkdirDo);

//修改页面
app.get("/rename",router.rename1);

//修改名字本体
app.get("/renameDo",router.renameDo);

//动态读取所有相册名
app.get("/findAlbum",router.findAlbum);



//配置404页面,防