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 实现文件上传功能
94 0
|
JavaScript
【ElementUI】Vue+ElementUI多文件上传,一次请求上传多个文件!
教大家一次请求,上传多个文件。 ElementUI如果是默认方案,上传多张图片并不是真正的一次上传多张,而是发送多次请求,一次请求携带一张图片。
1027 0
|
4月前
|
JavaScript
js之图片上传
js之图片上传
82 0
|
JavaScript 前端开发
nodejs使用axios以formdata形式上传图片
nodejs使用axios以formdata形式上传图片
|
7月前
|
小程序 JavaScript
在使用微信小程序开发中用vant2框架中的Uploader 文件上传wx.uploadFile无反应和使用多图上传
网上有的说是bind:after-read="afterRead"的命名问题不支持-,但是我这儿执行了console.log("file",file);证明函数运行了。后来发现是multiple="true"原因开启了多图上传,如果是多图上传的话file就是数组了
439 2
|
7月前
UEditor配置后端上传图片
UEditor配置后端上传图片
135 0
UEditor配置后端上传图片
|
自然语言处理 JavaScript 前端开发
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
554 0
|
前端开发 JavaScript 数据库
vue3如何上传图片
Vue3 上传图片可以使用 axios 库来发送 POST 请求,将图片上传到服务器,然后在前端展示或者保存到数据库中。
883 0
|
API
uniapp图片上传
uniapp图片上传
578 0
|
JavaScript 前端开发
vue3上传图片(组件上传)
vue3上传图片(组件上传)
468 0