Node.js中使用Koa实现上传图片功能

番大茄子

已于 2022-04-29 13:09:54 修改

阅读量2.2k

点赞数 1

分类专栏： Node.js 文章标签： node.js

于 2022-04-27 11:41:21 首次发布

本文链接：https://blog.csdn.net/SongD1114/article/details/124445298

版权

本文介绍如何在Node.js环境中利用Koa框架实现图片上传功能。首先需要安装koa-body来处理上传请求，同时卸载可能存在的koa-bodyparser。接着安装koa-static以托管静态资源，生成图片链接。图片会被保存在/public/uploads目录下。提供了后端index.js和前端uploadpic.html的代码示例。

摘要由CSDN通过智能技术生成

实现上传图片功能的步骤：

注意：以下步骤中安装的包版本必须与文中的一致！！！否则会踩坑！！！

1、安装koa-body，以实现上传图片功能

npm i koa-body@4.1.0

注：如果之前安装了koa-bodyparser，还需要先卸载koa-bodyparser，并把所有koa-bodyparser替换成koa-body

npm uninstall koa-bodyparser

2、安装koa-static，以实现静态资源托管，通过配置静态资源中间件，从而生成图片链接

npm i koa-static@5.0.0

3、代码示例

图片上传到 /public/uploads 文件夹中。

后端代码示例：index.js

const Koa = require('koa')
const app = new Koa()
const Router = require('koa-router')
const router = new Router() 

const path = require('path')
// 1、引入koa-body实现上传图片功能
const koabody = require('koa-body')
app.use(koabody({
    multipart: true, //支持图片文件
    formidable: {