Koa图片上传

简介: koa2一般处理 post 请求使用的是 koa-bodyparser,图片上传使用的是 koa-multer。这两个在一起没什么问题,但是 koa-multer 和 koa-route(不是 koa-router) 存在不兼容的问题。故,建议在koa中全局引入

koa2一般处理 post 请求使用的是 koa-bodyparser,图片上传使用的是 koa-multer。

这两个在一起没什么问题,但是 koa-multer 和 koa-route(不是 koa-router) 存在不兼容的问题。

故,建议在koa中全局引入 koa-body。

npm i koa-body -S

在server入口文件添加配置。

const Koa = require('koa');
const app = new Koa();
const koaBody = require("koa-body");
app.use(koaBody({
   
  multipart: true,  
  formLimit: "50mb", // 文件上传大小
  jsonLimit: "50mb", // 数据上传大小
  formidable: {
   
    // uploadDir:path.join(__dirname,'static/upload/'), // 文件上传目录
    keepExtensions: true,    // 文件的后缀
    maxFileSize: 50000*1024*1024, 
    onFileBegin:(name,file) => {
    // 文件上传前的设置
      // console.log(`name: ${name}`);
      // console.log(file);
    },
  }
}));
目录
相关文章
|
中间件
84 # koa 实现文件上传功能
84 # koa 实现文件上传功能
81 0
|
3月前
|
JavaScript
js之图片上传
js之图片上传
76 0
|
4月前
|
JavaScript 前端开发 API
koa2使用svg-captcha生成验证码接口(含前端vue项目中使用)
koa2使用svg-captcha生成验证码接口(含前端vue项目中使用)
116 0
|
JavaScript 前端开发
nodejs使用axios以formdata形式上传图片
nodejs使用axios以formdata形式上传图片
|
JavaScript 前端开发
Vue3里如何上传图片以及图片回显
Vue3里如何上传图片以及图片回显
342 0
|
6月前
|
小程序 JavaScript
在使用微信小程序开发中用vant2框架中的Uploader 文件上传wx.uploadFile无反应和使用多图上传
网上有的说是bind:after-read="afterRead"的命名问题不支持-,但是我这儿执行了console.log("file",file);证明函数运行了。后来发现是multiple="true"原因开启了多图上传,如果是多图上传的话file就是数组了
389 2
|
API
uniapp图片上传
uniapp图片上传
548 0
|
JavaScript 前端开发
vue3上传图片(组件上传)
vue3上传图片(组件上传)
433 0
|
JavaScript
js实现简单上传图片
js实现简单上传图片
|
JavaScript
js:Axios通过onUploadProgress获取上传文件进度和上传速度
js:Axios通过onUploadProgress获取上传文件进度和上传速度
710 0