1.在web start server 1中,koa2拓展了很多功能,比如get和post数据交互和静态资源访问配置,看起来确实是很不错了，但还是欠缺一些核心的功能的,这里继续解决欠缺的问题。

    2.图片上传到服务器(koa-multer),安装代码如下

    1. npm install multer

    3.引入模块

    1. const multer = require('koa-multer');

    3.配置上传信息,上传的时候在服务器创建文件的时候,需要知道存放位置和存放后文件名

    2. const upload = multer({ dest: 'public/' }); //配置存放位置
    3. router.post('/mians', upload.single('file'), function(ctx, next){
    4.     ctx.body = ctx;
    5. });
    6. //upload.single('file') //这里的file对应客户端的name=‘file’,因为通过这个key去读值得，
    7. //但是在一些框架中不需要填写,koa-multer强制填写，不然就上传不上去
    9. //上面就单纯的解决了上传的存放文件夹,但是保存文件的时候并不能设置上传文件类型
    10. //上传的文件的文件名：4d6f9d0eba4843b9d2434de2cf15f4e6
    11. //正常的情况应该：4d6f9d0eba4843b9d2434de2cf15f4e6.png||...
    13. 所以还需要解决文件名问题

    4.解决上传文件名

    2. var storage = multer.diskStorage({
    3.   //文件保存路径
    4.   destination: function (req, file, cb) {
    5.     cb(null, 'public/')
    6.   },
    8.   //修改文件名称
    9.   filename: function (req, file, cb) {
    11.     console.log(file);
    13.     //上传的时候打印file信息如下：
    15.         { fieldname: 'file',
    16.           originalname: 'wxad17d555db856a24.o6zAJsza6mt-MUDO7W9s4SDSUxm0.Ci8sqRtARgBS989a10e83d85703b45d58c4441dacc10.png',
    17.           encoding: '7bit',
    18.           mimetype: 'image/png' 
    19.         }
    21.     //第一种方式，对originalname处理，以点分割成数组，数组的最后一项就是后缀名
    22.     // var fileFormat = (file.originalname).split(".");
    23.     // cb(null,Date.now() + "." + fileFormat[fileFormat.length - 1]);
    25.     //第二种方式，对mimetype处理 
    26.       建议选择第二种方式处理，安全问题
    27.   }
    29. })
    31. const upload = multer({"storage":storage}); //配置对象
    33. router.post('/mians', upload.single('file'), function(ctx, next){
    34.     ctx.body = ctx;
    35. });

    5.完整案例

    2. const Koa = require('koa');
    3. const router = require('koa-router')(); 
    4. const postbody = require('koa-bodyparser');
    5. const static = require('koa-static'); 
    6. const multer = require('koa-multer');
    7. const app = new Koa();
    9. app.use(postbody());
    12. app.use(static( __dirname,'./public'));
    13. app.use(static( __dirname,'./logo'));
    16. var storage = multer.diskStorage({
    17.   //文件保存路径
    18.   destination: function (req, file, cb) {
    19.     cb(null, 'public/')
    20.   },
    21.   //修改文件名称
    22.   filename: function (req, file, cb) {
    23.      var fileFormat = (file.originalname).split(".");  //以点分割成数组，数组的最后一项就是后缀名
    24.      cb(null,Date.now() + "." + fileFormat[fileFormat.length - 1]);
    25.   }
    26. })
    28. const upload = multer({"storage":storage});
    29. router.post('/mians', upload.single('file'), function(ctx, next){
    30.     ctx.body = ctx;
    31. });
    34. app.use(router.routes());
    35. app.use(router.allowedMethods()); 
    37. app.listen(3000);

    6.客户端请求：header

    2. header: {
    3.             'content-type': 'multipart/form-data' // 默认值
    4. },