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(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。