koa-multer 图片上传模块

周大胖子

参考文献：1. https://blog.csdn.net/ziwoods/article/details/72822730                     2.https://www.npmjs.com/package/koa-multer


我的个人总结： 这就是一个复制粘贴事情，需要注意：版本是 koa2

我总结
第一步：

1. npm install koa-multer --save

复制代码

第二步：
滚去建个文件夹，在根目录下建个 upload /img/


第三步：
把下面这段代码复制粘贴过去：粘贴到node 某个路由模块即可。

1. const multer = require('koa-multer');//加载koa-multer模块
3. //文件上传
4. //配置
5. var storage = multer.diskStorage({
6.   //文件保存路径
7.   destination: function (req, file, cb) {
8.     cb(null, 'upload/img/')
9.   },
10.   //修改文件名称
11.   filename: function (req, file, cb) {
12.     var fileFormat = (file.originalname).split(".");
13.     cb(null,Date.now() + "." + fileFormat[fileFormat.length - 1]);
14.   }
15. })
16. //加载配置
17. var upload = multer({ storage: storage });
18. //自定义路由
19. router.post('/uploadimg', upload.single('file'), async (ctx, next) => {
20.   ctx.body = {
21.     filename: ctx.req.file.filename//返回文件名
22.     ,code : 0   //这个值主要用作layui的一个判断
23.   }
24. })

复制代码

第四步：去前台页面 该提交的URL 为你设置的这个路由：注意 最好用post 提交 。

周大胖子

在这里我陷入一个误区： 我使用了koa 模块  然后按照他的写法 ，可是 我以为值在 post 提交里 也就是 ctx.req.body!!! 但是 不是！  所有的值 是在：ctx.req.file
格式为：

1. { fieldname: 'file',     
2.   originalname: '2018-06-10_103521.jpg',   //本地上传时候的文件名
3.   encoding: '7bit',
4.   mimetype: 'image/jpeg',              //图片格式
5.   destination: 'upload/img/',          //上传到服务器上 服务器的文件夹目录
6.   filename: '1531149594150.jpg',       //上传到服务器后 该文件的名称
7.   path: 'upload\\img\\1531149594150.jpg',    //上传到服务器后 所在的路径
8.   size: 303427 }                       //文件大小

复制代码