NodeJS使用formidable实现文件上传
最近自学了一下NodeJS，然后做了一个小demo，实现歌曲的添加、修改、播放和删除的功能，其中自然要实现音乐和图片的上传功能。于是上网查找资料，找到了一个formidable插件，该插件可以很好的实现文件的上传功能。该小demo用到了MySQL数据库，所有的数据都存放到了数据库中。下面简单说一些如何使用。
1.创建app.js主文件
constexpress=require('express');
constrouter=require('./router');
constpath=require('path');
constbodyParser=require('body-parser');
constapp=express();
//静态资源服务
app.use('/uploads',express.static(path.join(__dirname,'uploads')));
app.use('/node_modules',express.static(path.join(__dirname,'node_modules')));
//配置模板引擎
app.set('views',path.join(__dirname,'views'));
app.engine('.html',require('ejs').renderFile);
app.set('viewengine','html');
//配置解析普通表单post请求体
app.use(bodyParser.urlencoded({extended:false}));
//加载路由系统
app.use(router);
app.listen(3000,'127.0.0.1',()=>{
console.log('serverisrunningatport3000.');
})
2.html文件中的form表单
add.html文件：
<formaction="/add"method="post"enctype="multipart/form-data"> <divclass="form-group"> <labelfor="title">标题</label> <inputtype="text"class="form-control"id="title"name="title"placeholder="请输入音乐标题"> </div> <divclass="form-group"> <labelfor="artist">歌手</label> <inputtype="text"class="form-control"id="singer"name="singer"placeholder="请输入歌手名称"> </div> <divclass="form-group"> <labelfor="music_file">音乐</label> <inputtype="file"id="music"name="music"accept="audio/*"> <pclass="help-block">请选择要上传的音乐文件.</p> </div> <divclass="form-group"> <labelfor="image_file">海报</label> <inputtype="file"id="poster"name="img"accept="image/*"> <pclass="help-block">请选择要上传的音乐海报.</p> </div> <buttontype="submit"class="btnbtn-success">点击添加</button> </form>
注意：method="post"enctype="multipart/form-data"
3.创建路由router.js文件
constexpress=require('express');
constrouter=express.Router();
consthandler=require('./handler');
router
.get('/',handler.showIndex)
.get('/musicList',handler.getMusicList)
.get('/add',handler.showAdd)
.post('/add',handler.doAdd)
.get('/edit',handler.showEdit)
.post('/edit',handler.doEdit)
.get('/remove',handler.doRemove)
module.exports=router;
注意：router.js文件中的依赖不用多说。
4.创建handler.js文件
constformidable=require('formidable');
constconfig=require('./config');
constdb=require('./common/db');
constpath=require('path');
constfs=require('fs');
exports.doAdd=(req,res)=>{
constform=newformidable.IncomingForm();
form.uploadDir=config.uploadDir;//上传文件的保存路径
form.keepExtensions=true;//保存扩展名
form.maxFieldsSize=20*1024*1024;//上传文件的最大大小
form.parse(req,(err,fields,files)=>{
if(err){
throwerr;
}
consttitle=fields.title;
constsinger=fields.singer;
constmusic=path.basename(files.music.path);
constimg=path.basename(files.img.path);
db.query('INSERTINTOmusic(title,singer,music,img)VALUES(?,?,?,?)',[
title,
singer,
music,
img
],(err,rows)=>{
if(err){
throwerr;
}
res.redirect('/');
})
})
};
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。