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);
    },
  }
}));
目录
相关文章
|
1月前
|
存储 JavaScript
vue写一个断点续传上传文件代码
vue写一个断点续传上传文件代码
|
7月前
|
中间件
84 # koa 实现文件上传功能
84 # koa 实现文件上传功能
35 0
|
10月前
|
移动开发 前端开发 JavaScript
js实现图片压缩上传
最近在研究H5前端图片处理相关技术,方向有图片压缩、裁切、旋转、模糊等。
156 0
|
JavaScript
【ElementUI】Vue+ElementUI多文件上传,一次请求上传多个文件!
教大家一次请求,上传多个文件。 ElementUI如果是默认方案,上传多张图片并不是真正的一次上传多张,而是发送多次请求,一次请求携带一张图片。
776 0
|
2月前
|
小程序 JavaScript
在使用微信小程序开发中用vant2框架中的Uploader 文件上传wx.uploadFile无反应和使用多图上传
网上有的说是bind:after-read="afterRead"的命名问题不支持-,但是我这儿执行了console.log("file",file);证明函数运行了。后来发现是multiple="true"原因开启了多图上传,如果是多图上传的话file就是数组了
59 2
|
6月前
|
JavaScript 前端开发
nodejs使用axios以formdata形式上传图片
nodejs使用axios以formdata形式上传图片
|
9月前
|
API
uniapp图片上传
uniapp图片上传
390 0
|
10月前
|
JavaScript 前端开发
vue3上传图片(组件上传)
vue3上传图片(组件上传)
295 0
|
10月前
|
JavaScript
js实现简单上传图片
js实现简单上传图片
|
JavaScript
js:Axios通过onUploadProgress获取上传文件进度和上传速度
js:Axios通过onUploadProgress获取上传文件进度和上传速度
426 0