node+multer实现图片上传的示例代码
最近在学习node实现一个后台管理系统,用到了图片上传,有一些小问题记录一下~
直接上代码,问题都记录在注释里~
constexpress=require('express'); constpath=require('path'); constmulter=require('multer'); constapp=newexpress(); //设置静态目录第一个参数为虚拟的文件前缀,实际上文件系统中不存在 //可以用public做为前缀来加载static文件夹下的文件了 app.use('/public',express.static(path.join(__dirname,'./static'))); //根据当前文件目录指定文件夹 constdir=path.resolve(__dirname,'../static/img'); //图片大小限制KB constSIZELIMIT=500000; conststorage=multer.diskStorage({ //指定文件路径 destination:function(req,file,cb){ //!!!相对路径时以node执行目录为基准,避免权限问题,该目录最好已存在* //cb(null,'./uploads'); cb(null,dir); }, //指定文件名 filename:function(req,file,cb){ //filedname指向参数key值 cb(null,Date.now()+'-'+file.originalname); } }); constupload=multer({ storage:storage }); app.post('/upload',upload.single('file'),(req,res)=>{ //即将上传图片的key值form-data对象{key:value} //检查是否有文件待上传 if(req.file===undefined){ returnres.send({ errno:-1, msg:'nofile' }); } const{size,mimetype,filename}=req.file; consttypes=['jpg','jpeg','png','gif']; consttmpTypes=mimetype.split('/')[1]; //检查文件大小 if(size>=SIZELIMIT){ returnres.send({ errno:-1, msg:'fileistoolarge' }); } //检查文件类型 elseif(types.indexOf(tmpTypes)<0){ returnres.send({ errno:-1, msg:'notacceptedfiletype' }); } //路径可根据设置的静态目录指定 consturl='/public/img/'+filename; res.json({ errno:0, msg:'uploadsuccess', url }); }); app.listen(3000,()=>{ console.log('servicestart'); });
附上文档参考链接:
express框架
path模块
multer
最后再附赠一个node自动重启工具nodemon
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。