基于新版koa2实现图片上传功能附完整代码链接

koa2实现图片上传方法很多网上也有很多类似教程 有时候有点混乱,本文章提供清晰的代码和完整的源代码,用户看完能够很快在自己本地实现同样的功能,本文主要是基于

  1. koa
  2. @koa/router
  3. @koa/multer
  4. multer

注意:代码中虽然没有用到multer模块但是项目依赖中需要有multer模块的

const Koa = require("koa");
const Router = require("@koa/router");
const multer = require("@koa/multer");

const app = new Koa();
const router = new Router();

// 配置multer中间件
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, "upload/");
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + "-" + file.originalname);
  },
});
const upload = multer({ storage: storage });

// 处理图片上传请求
router.post("/upload", upload.single("file"), (ctx) => {
  console.log("ctx.request.file", ctx.request.file);
  ctx.body = "上传成功";
});

app.use(router.routes());

app.listen(3000, () => {
  console.log("Server running on http://localhost:3000");
});

完整代码地址

GitHub:https://github.com/yongyangwu/koa-study/tree/main/demo-file
Gitee: https://gitee.com/yongyangwu/koa-study/tree/master/demo-file
有疑问请留言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值