使用nodejs+express实现简单的文件上传功能

前端之家收集整理的这篇文章主要介绍了使用nodejs+express实现简单的文件上传功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.建立express项目

2.下载multer中间件

3.在routes/index.js中引用multer,由于还要使用到文件操作,还要引用fs模块,并指定文件上传目录

文件上传: index.html中文件如下( form文件的类型必须为 enctype="multipart/form-data" ),

上传

在routes/index.js里面添加upload路由用来处理上传文件的操作

上传成功' }); }); }) })

如果上传文件图片的话,还可以使用FileReader对象实现图片预览

文件上传: 多文件上传的原理和单文件上传的原理一样,代码如下:

{ files.map((v) => { fs.readFile(v.path,data) { fs.writeFile(`${UPLOAD_PATH}/${v.originalname}`,data) { const result = { file: v,} if (err) reject(err); resolve('成功'); }) }) }) }) result.then(r => { res.json({ msg: '上传成功',}) }).catch(err => { res.json({ err }) }); })

相关代码

总结

以上所述是小编给大家介绍的使用nodejs+express实现简单的文件上传功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/express/34461.html

猜你在找的Express 相关文章