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('/'); }) }) };
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。