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 实现文件上传功能
78 0
|
3月前
|
JavaScript
js之图片上传
js之图片上传
75 0
|
4月前
uniCloud + uView 上传图片,删除图片(含u-upload 组件的使用)
uniCloud + uView 上传图片,删除图片(含u-upload 组件的使用)
174 0
|
4月前
|
JavaScript 前端开发 API
koa2使用svg-captcha生成验证码接口(含前端vue项目中使用)
koa2使用svg-captcha生成验证码接口(含前端vue项目中使用)
114 0
|
6月前
|
小程序 JavaScript
在使用微信小程序开发中用vant2框架中的Uploader 文件上传wx.uploadFile无反应和使用多图上传
网上有的说是bind:after-read="afterRead"的命名问题不支持-,但是我这儿执行了console.log("file",file);证明函数运行了。后来发现是multiple="true"原因开启了多图上传,如果是多图上传的话file就是数组了
346 2
|
存储 前端开发 JavaScript
react图片上传
react图片上传
127 0
|
小程序
微信小程序 tdesign图片上传组件 上传后端
微信小程序 tdesign图片上传组件 上传后端
415 0
|
前端开发 JavaScript 数据库
vue3如何上传图片
Vue3 上传图片可以使用 axios 库来发送 POST 请求,将图片上传到服务器,然后在前端展示或者保存到数据库中。
850 0
|
API
uniapp图片上传
uniapp图片上传
538 0