当前位置: 首页 > 后端技术 > Node.js

04-个人博客笔记-markdown编辑器及发布文章和上传图片的实现

时间:2023-04-03 14:18:56 Node.js

markdown编辑器的实现1.依赖库markedvue-simplemde2.参考https://segmentfault.com/a/11...,完善完善。上传图片1.依赖库multer2。实现//上传图片存放在./uploads文件夹下varmulter=require('multer')conststorage=multer.diskStorage({destination:function(req,file,cb){cb(null,'./uploads')},filename:(req,file,cb)=>cb(null,`${Date.now()}-${file.originalname}`)});//上传图片单图router.post('/user/pulishArticle',upload.single('file'),(req,res,next)=>{if(!req.file){responseData.success=falseresponseData.message='上传失败'res.json(responseData)}else{responseData.success=trueresponseData.message='上传成功'responseData.data={'imageUrl':req.file.filename}res.json(responseData)}})//上传多张图片router.post('/user/mutiablePic',upload.array('file',5),(req,res,next)=>{if(!req.files[0]){responseData.success=falseresponseData.message='上传失败'res.json(responseData)}else{responseData.success=trueresponseData.message='上传成功'letarr=[]req.files.forEach((item)=>{arr.push({'imageUrl':item.filename})})responseData.data=arrres.json(responseData)}})3.在上传图片的部分,注意在index.js中将图片设置为静态资源文件app.use(express.static('uploads')),否则上传图片会报401.4。文章部分的数据库操作参考demo项目上传github每次提交都是一个分支在线地址