当前位置：首页 > news >正文

【实战】在Koa.js中实现文件上传的接口（本地存储）

news 来源：原创 2025/5/12 21:29:15

环境准备

使用 koa-body 中间件获取上传的文件

使用 Postman 测试

使用 koa-static 中间件生成图片链接

编写前端页面上传文件

文件上传是一个基本的功能，每个系统几乎都会有，比如上传图片、上传Excel等。那么在Node Koa应用中如何实现一个支持文件上传的接口呢？本文从环境准备开始、最后分别用 Postman 和一个HTML页面来测试。

环境准备

首先当然是要初始化一个Koa项目了，安装 Koa、koa-router 即可。

npm install koa koa-router

设置图片上传目录，把图片上传到指定的目录中，在 app 路径下新建 upload 文件夹，目录结构如下：

koa-upload/
--app
----index.js
--upload
--package.json

编写 index.js

const koa = require('koa')
const app = new koa()router.post('/upload', ctx => {ctx.body = 'koa upload demo'
})
app.use(router.routes());app.listen(3000, () => {console.log('启动成功')console.log('http://localhost:3000')
});

然后启动，确保这一步没有问题。

使用 koa-body 中间件获取上传的文件

koa-body 支持文件、json、form格式的请求体，安装 koa-body

npm install koa-body

设置 koaBody 配置参数，index.js

const koa = require('koa')
const koaBody = require('koa-body')
const path = require('path')
const app = new koa()// 解析body
app.use(koaBody({multipart: true, // 支持文件上传（会挂载ctx.request.files）// 文件上传配置formidable: {uploadDir: path.join(__dirname, "../upload"), // 上传目录（不能使用相对路径，不会相对于当前路径，而是process.cwd()的执行路径）keepExtensions: true, // 保留文件扩展名},parsedMethods: ["POST", "PUT", "PATCH", "DELETE"], // 只解析这些方法的body})
);

接下来完善 /upload 路由，获取文件，然后直接返回文件路径

  async upload(ctx, next) {const { file } = ctx.request.files;const fileTypes = ["image/jpeg", "image/png"];try {// 判断文件类型if (!fileTypes.includes(file.mimetype)) {return ctx.app.emit("error", fileTypeError, ctx);}// 上传文件if (file) {ctx.body = {code: 0,message: "上传成功",result: {goods_img: path.basename(file.filepath), // (basename 返回路径koa的最后一部分)},};} else {return ctx.app.emit("error", fileError, ctx);}} catch (error) {console.log(error);}}

这样我们其实已经可以进行文件上传，并把文件上传到 /upload 中了，我们用 Postman 来测试一下。

使用 Postman 测试

打开 Postman，输入http://localhost:9999/goods/upload选择 POST 方法，并且选择文件用 Body 来传输，并且选择 form-data 格式，然后在 KEY 中选择 file类型。

然后就可以选择图片进行上传了,上传成功后就可以看到 upload 文件夹下有利一个图片了，并且输出量图片的路径。

使用 koa-static 中间件生成图片链接

直接返回图片的本地路径在实际上是没什么用的，我们应该返回一个http链接的图片地址，点击地址就可以查看图片。

借助 koa-static 中间件可以帮助我们生成一个静态服务，它指定一个文件夹，文件夹下所有的文件都可以通过 http服务来访问。

安装：npm install koa-static 并注册到 app 上，我们把他注册在 koaBody 中间件的前面，把 upload 设置为静态文件目录。

const koaStatic = require('koa-static')
... ...
app.use(koaStatic(path.join(__dirname, 'upload')))

启动程序，这样 upload 下的文件就可以使用HTTP服务来大开了，我们可以打开之前上传的图片：http://localhost:9999/0828c9ced04cca10ac07adc01.png可以在浏览器中直接显示了。

编写前端页面上传文件

前面我们用 Postman 模拟了上传文件进行测试，虽然可以高效的测试我们编写的后端接口，但是我们前端有些同学可能通常更熟悉前端页面的方式测试，那么我们来写一个表单页面来测试。

在 test 中新建 upload.html 文件作为测试页面。

    <form action="http://localhost:9999/goods/upload" method="post" enctype="multipart/form-data"><input type="file" name="file" /><button type="submit">上传</button></form>

这是传统的表单提交，我们实际工作中这样的代码可能已经不常见了，action 就是我们的提交到的接口，enctype="multipart/form-data" 就是指定上传文件格式。input 的 name 属性一定要等于file，因为我们接受的字段名是 file。

然后我们用HTTP服务打开这个页面：http://localhost:9999/upload.html，因为我们整个 upload 目录已经是一个静态HTTP服务目录了，里面的所有文件都可以通过HTTP访问。

选择文件，点击上传，上传成功后可以看到返回了文件地址

【实战】在Koa.js中实现文件上传的接口（本地存储）

目录环境准备使用 koa-body 中间件获取上传的文件使用 Postman 测试使用 koa-static 中间件生成图片链接编写前端页面上传文件文件上传是一个基本的功能，每个系统几乎都会有，比如上传图片、上传Excel等。那么在Node Koa应用中如何实现一个支持…...

编程日记 2025/5/12 21:29:15

flink学习（10）——allowedLateness/测道输出

allowedLateness(lateness: Time) 水印：短期延迟，达到条件后触发计算并且关闭窗口（触发关闭同时进行） 水印allowedLateness : 短期延迟等待长期延迟效果 1、达到水印条件后，会触发窗口计算，但是不关闭窗口…...

编程日记 2025/5/12 21:16:40

微信小程序按字母顺序渲染城市功能实现详细讲解

在微信小程序功能搭建中，按字母渲染城市会用到多个ES6的方法，如reduce，map，Object.entries()，Object.keys() ，需要组合熟练掌握，才能优雅的处理数据完成渲染。目录一、数据分析二、数据处理 …...

编程日记 2025/5/11 22:06:00

##java大对象类 public class MiBigObject {private String f1;private String f2;private String f3;private String f4;private String f5;private String f6;private String f7;private String f8;private String f9;private String f10;private String f11;private String…...

编程日记 2025/4/29 22:00:08

【软考速通笔记】系统架构设计师⑧——系统质量属性与架构评估

文章目录一、前言二、软件系统质量属性2.1 开发期质量属性2.2 运行期质量属性三、质量属性场景描述四、系统架构评估方法4.1 方法分类4.2 软件架构分析方法4.3 架构权衡分析法4.4 成本效益分析法一、前言笔记目录大纲请查阅：【软考速通笔记】系统架构设计师——…...

编程日记 2025/5/7 1:09:08

YOLO系列论文综述（从YOLOv1到YOLOv11）【第5篇：YOLOv3——多尺度预测】

YOLOv3 1 摘要2 YOLOv32.1 相对于v2的改进2.2 网络架构2.3 多尺度预测2.4 YOLOv3结果 YOLO系列博文： 【第1篇：概述物体检测算法发展史、YOLO应用领域、评价指标和NMS】【第2篇：YOLO系列论文、代码和主要优缺点汇总】【第3篇：YOLOv…...

编程日记 2025/5/6 9:57:49

HarmonyOS4+NEXT星河版入门与项目实战（25）------UIAbility启动模式（文档编辑案例）

文章目录 1、启动模式2、Specified启动模式实现步骤3、文档编辑案例1、文件创建2代码实现3、Statge 创建4、添加配置1、启动模式 Singleton启动模式：每个 UIAbility 只存在一个实例，是默认的启动模式，任务列表中只会存在一个相同的 UIAbilityStandard启动模式：每次启动 U…...

编程日记 2025/5/10 4:54:50

PyTorch张量运算与自动微分

PyTorch张量运算与自动微分 PyTorch由Facebook人工智能研究院于2017年推出，具有强大的GPU加速张量计算功能，并且能够自动进行微分计算，从而可以使用基于梯度的方法对模型参数进行优化，大部分研究人员、公司机构、数据比赛都使用P…...

编程日记 2025/5/8 4:14:33

在 Ubuntu 20.04 上使用 Lux 下载 Bilibili 视频的详细教程

在 Ubuntu 20.04 上使用 Lux 下载 Bilibili 视频的详细教程在 Ubuntu 20.04 上使用 Lux 下载 Bilibili（哔哩哔哩）视频的完整和详细步骤如下，包括使用预编译二进制文件的安装方法： 1. 安装依赖确保你的系统已安装 FFmpeg&…...

编程日记 2025/5/12 6:36:15

1.1 数据结构的基本概念

1.1.1 基本概念和术语一、数据、数据对象、数据元素和数据项的概念和关系数据：是客观事物的符号表示，是所有能输入到计算机中并被计算机程序处理的符号的总称。数据是计算机程序加工的原料。数据对象：是具有相同性质的数据元素的集合&…...

编程日记 2025/5/12 5:54:37

【NebulaGraph】深入了解查询语句(二)

【NebulaGraph】深入了解查询语句 1. NebulaGraph 查询语句概述 1. NebulaGraph 查询语句概述文档：https://docs.nebula-graph.com.cn/3.8.0/3.ngql-guide/7.general-query-statements/1.general-query-statements-overview/ NebulaGraph 的数据以点和边的形式存…...

编程日记 2025/5/9 13:20:49

Oracle—系统包使用

文章目录系统包dbms_redefinition 系统包 dbms_redefinition 功能介绍：该包体可以实现将Oracle库下的表在线改为分区结构或者重新定义； 说明：在检查表是否可以重定义和开始重定义的过程中，按照表是否存在主键，参数 o…...

编程日记 2025/5/11 3:17:38

org.apache.commons.lang3包下的StringUtils工具类的使用

前言相信平时在写项目的时候，一定使用到StringUtils.isEmpty()；StringUtils.isBlank();但是你真的了解他们吗？ 也许你两个都不知道，也许你除了isEmpty/isNotEmpty/isNotBlank/isBlank外，并不知道还有isAnyEmpty/isNon…...

编程日记 2025/5/7 11:27:24

详细介绍Node.js的中间件及使用方法

在Node.js的生态中，中间件（Middleware）是一个不可或缺的概念，它为构建灵活而高效的应用程序提供了强大的支持。以下是对Node.js中间件的详细介绍： 中间件的概念与定义中间件是一种软件架构的设计模式，用…...

编程日记 2025/5/12 14:43:28

VPC9527同步整流控制器，相对最大电压检测与强力自供电，与MP6908完全PIN TO PIN

VPC9527 是一款高性能的同步整流控制器，它兼容 CCM 和 DCM 两种模式，最大工作频率高达 700kHz；可通过 SEL 引脚的逻辑电压来选择 400nS 或 800nS 两个关断检测的屏蔽时间；可通过 VLC 引脚来调整限压导通的参数，以便与所选同步整流管的参数相匹配，获得适应的最优性能；它…...

编程日记 2025/5/11 11:46:38

【聚类】主成分分析和 t-SNE 降维

1 主成分分析PCA PCA 是一种线性降维技术，旨在通过选择具有最大方差的特征方向（称为主成分）来压缩数据，同时尽可能减少信息损失。 1.1 原理 1.2 优缺点 from sklearn.decomposition import PCA import matplotlib.pyplot as plt…...

编程日记 2025/5/5 6:04:30

MyBatis框架-日志配置

MyBatis框架的日志配置 MyBatis作为一个封装好的ORM框架，其运行过程我们没有办法跟踪，为了让开发者MyBatis执行流程及执行步骤所完成的工作，MyBatis框架本身支持log4j日志框架，对运行的过程进行跟踪记录。我们只需对MyBatis进行相…...

编程日记 2025/5/12 20:51:54

【数据结构】哈希 ---万字详解

unordered系列关联式容器在C98中，STL提供了底层为红黑树结构的一系列关联式容器，在查询时效率可达到log_2 N，即最差情况下需要比较红黑树的高度次，当树中的节点非常多时，查询效率也不理想。最好的查询是&#xff0c…...

编程日记 2025/5/12 20:38:39

Python Web 框架

Python 有多个强大的 Web 框架，每个框架都具有不同的特点和应用场景。根据开发者的需求（如开发速度、灵活性、功能等），可以选择适合的框架。以下是一些常见的 Python Web 框架： 1. Django 简介：Django 是一…...

编程日记 2025/5/9 17:34:28

大模型翻译能力评测

1. 背景介绍随着自然语言处理技术的飞速发展，机器翻译已经成为一个重要的研究领域。近年来，基于大模型的语言模型在机器翻译任务上取得了显著的进展。这些大模型通常具有数亿甚至数千亿的参数，能够更好地理解和生成自然语言。但是&#xf…...

编程日记 2025/5/12 20:52:59

深度学习中的前向传播与损失函数

目录编辑前向传播：神经网络的推理过程什么是前向传播？ 前向传播的步骤数学表达代码示例：前向传播损失函数：衡量预测与真实值的差异损失函数的定义损失函数的作用常见的损失函数代码示例：损失函…...

编程日记 2025/5/12 19:57:58

MySQL 复合查询

实际开发中往往数据来自不同的表，所以需要多表查询。本节我们用一个简单的公司管理系统，有三张表EMP,DEPT,SALGRADE 来演示如何进行多表查询。表结构的代码以及插入的数据如下： DROP database IF EXISTS scott; CREATE database IF NOT EXIST…...

编程日记 2025/5/12 20:56:32

Java程序调kubernetes(k8s1.30.7)core API简单示例，并解决403权限验证问题，即何进行进行权限授权以及验证

简单记录问题一、问题描述希望通过Java程序使用Kubernetes提供的工具包实现对Kubernetes集群core API的调用，但是在高版本上遇见权限验证问题4xx。 <dependency><groupId>io.kubernetes</groupId><artifactId>client-java</artifact…...

编程日记 2025/5/12 20:54:11

Java安全—原生反序列化重写方法链条分析触发类

前言在Java安全中反序列化是一个非常重要点，有原生态的反序列化，还有一些特定漏洞情况下的。今天主要讲一下原生态的反序列化，这部分内容对于没Java基础的来说可能有点难，包括我。序列化与反序列化序列化：将内存…...

编程日记 2025/5/8 20:33:50

火鸟地方门户系统V8.5系统源码+搭建环境教程

一.介绍火鸟地方门户系统V8.5源码系统包含4端： PCH5小程序APP 二.搭建环境系统环境：CentOS、运行环境：宝塔 Linux 网站环境：Nginx 1.2.22 MySQL 5.6 PHP-7.4 常见插件：fileinfo ； redis 三.测…...

编程日记 2025/5/10 2:24:42

深度学习：梯度下降法

损失函数 L：衡量单一训练样例的效果。成本函数 J：用于衡量 w 和 b 的效果。如何使用梯度下降法来训练或学习训练集上的参数w和b ？ 成本函数J是参数w和b的函数，它被定义为平均值； 损失函数L可以衡量你的算法效果&a…...

编程日记 2025/5/12 21:01:15

Git常用命令

Git是一个优秀的代码版本管理工具，其常用命令包括但不限于以下这些： 一、初始化与配置 git init：在当前目录初始化一个新的Git仓库。git clone [url]：克隆远程仓库到本地。git config：配置Git的各种选项和变量&#…...

编程日记 2025/4/29 11:40:23

css预处理器scss/sass

一、css预处理器sass的诞生众所周知css并不能算是一们真正意义上的“编程”语言，它本身无法未完成像其它编程语言一样的嵌套、继承、设置变量等工作，仅仅只能用来编写网站样式，如此一来代码就会百年的臃肿难以维护。为了解决css的不足&#…...

编程日记 2025/5/6 17:44:10

磁盘/系统空间占满导致黑屏死机无法开机的解决办法

文章目录起因具体操作1.重启虚拟机，一直按CtrlShitf进入GRUP界面2.选“Ubuntu高级选项”并回车选择第二个，recovery mode![请添加图片描述](https://i-blog.csdnimg.cn/direct/201f9784c203406d802d24b39dc2d4a3.png)3.4.命令查看磁盘情况5.查找和删除文…...

编程日记 2025/5/12 20:57:52

API 与 SDK 之间的区别

API 与 SDK 之间的区别很多人在软件开发中经常会分不清 SDK 与 API ，今天就来浅谈一下两者之间的区别。直白地说，SDK 包含了 API ，是一套完整的，能完成更多功能的工具包，无论你想获取什么样的信息，SDK …...

编程日记 2025/5/12 1:43:09

Lua的环境与热更

一、global_State,lua_State与G表 Lua支持多线程环境，使用 lua_State 结构来表示一个独立的 Lua 线程（或协程）。每个线程都需要一个独立的全局环境。而lua_State 中的l_G指针，指向一个global_State结构，这个就是我们常…...

编程日记 2025/5/12 21:00:10

java八股-分布式服务的接口幂等性如何设计？

文章目录接口幂等token Redis分布式锁原文视频链接：讲解的流程特别清晰，易懂，收获巨大【新版Java面试专题视频教程，java八股文面试全套真题深度详解（含大厂高频面试真题）】 https://www.bilibili.com/…...

编程日记 2025/5/7 12:44:17

鸿蒙学习使用模拟器运行应用（开发篇）

文章目录 1、系统类型和运行环境要求2、创建模拟器3、启动和关闭模拟器4、安装应用程序包和上传文件QA:在Windows电脑上启动模拟器，提示未开启Hyper-V 1、系统类型和运行环境要求 Windows 10 企业版、专业版或教育版及以上，且操作系统版本不低于10.0.18…...

编程日记 2025/5/9 14:36:13

基于 FFmpeg/Scrcpy 框架构建的一款高性能的安卓设备投屏管理工具-供大家学习研究参考

支持的投屏方式有：USB，WIFIADB，OTG，投屏之前需要开启开发者选项里面的USB调试。主要功能有： 1.支持单个或多个设备投屏。 2.支持键鼠操控。 3.支持文字输入。 4.支持共享剪切板（可复制粘贴电脑端文字到手机端，也可导出手机剪切板到电脑端）。 5.支持视频图片上传，可单…...

编程日记 2025/5/10 12:27:24

ESLint v9.0.0 新纪元：探索 eslint.config.js 的奥秘（4）

从 v9.0.0 开始，官方推荐的配置文件格式是 eslint.config.js，并且支持 ESM 模块化风格，可以通过 export default 来导出配置内容。 // eslint.config.js export default [{rules: {semi: "error","prefer-const": "…...

编程日记 2025/5/12 20:00:26

电脑还原重置Windows系统不同操作模式

电脑有问题，遇事不决就重启，一切都不是问题！是真的这样吗。其实不然，主机系统重启确实可以自动修复一些文件错误，或者是设置问题，但是，当你由于安装了错误的驱动或者中毒严重，亦或是蓝屏，那么重启这个方子可能就治不了你的电脑了。那么，除了当主机出现异常故障现象…...

编程日记 2025/5/12 20:11:06

图论2图的应用补充

图论1基础内容-CSDN博客图的应用 4.1 拓扑排序拓扑排序针对有向无环图的顶点进行线性排列的算法，使得对于任何来自顶点A指向顶点B的边，A都在序列中出现在B之前。这样的排序存在于有向无环图中，而对于非有向无环图则不存在拓扑排序。拓扑排…...

编程日记 2025/5/4 3:20:19

非线性模型预测控制（NMPC）算法及其Python实现

目录非线性模型预测控制（NMPC）算法及其Python实现第一部分：NMPC算法概述1.1 NMPC的定义1.2 NMPC的优点1.3 NMPC的应用领域第二部分：NMPC算法的数学模型2.1 系统建模2.2 目标函数与约束2.3 NMPC算法的求解第三部分：NMPC算法的实现与优化3.1 实现步骤3.2 Python实现3.3 设计…...

编程日记 2025/5/12 20:52:59

sql语句分类

SQL语句分类 SQL，英文全称为Structured Query Language，中文意思是结构化查询语言（属于编程语言的一种） DDL数据定义语⾔ Data Definition Language，数据定义语言，例如修改数据库中的表、视图、索引等对…...

编程日记 2025/4/27 14:10:47

＜一＞51单片机环境

目录 1,51单片机开发语言是C,环境keil 1.1,工程创建 1.2用什么把代码放进单片机里面 2,初识代码 1,51单片机开发语言是C,环境keil 1.1,工程创建 1. 创建项目工程文件夹，可以当作模板Template 2. 创建文件，取名main.c 3,编译，选择输出文…...

编程日记 2025/5/12 20:51:54

flutter 解决webview加载重定向h5页面返回重复加载问题

long time no see. 如果觉得该方案helps，点个赞，评论打个call，这是我前进的动力~ 通常写法： 项目里用的webview_flutter 正常webview处理返回事件 if (await controller.canGoBack()) {controller.goBack(); } else {Navigator…...

编程日记 2025/5/10 21:14:53

折腾基本功：Redis 从入门到 Docker 部署

前面写过了两篇 “Redis” 相关的内容，今天补一篇“基本功”内容，让后续折腾系列文章可以篇幅更短、内容更专注。前言在日常工作中，我们构建应用时总是离不开一些基础组件，Redis 就是其中特别常用的一个。之前我写过不少文章&…...

编程日记 2025/5/11 0:09:20

【C++习题】24.二分查找算法_0～n-1中缺失的数字

文章目录题目链接：题目描述：解法C 算法代码：图解题目链接： 剑指 Offer 53 - II. 0～n-1中缺失的数字题目描述： 解法哈希表： 建立一个hash表看哪个数字出现次数为0 直接遍历找结果&#xff1…...

编程日记 2025/5/7 17:07:08

分享一款内存马检测工具(附网盘链接)

DuckMemoryScan DuckMemoryScan是一款简单寻找包括不限于iis劫持,无文件木马,shellcode免杀后门的工具功能列表 HWBP hook检测检测线程中所有疑似被hwbp隐形挂钩内存免杀shellcode检测可疑进程检测(主要针对有逃避性质的进程[如过期签名与多各可执行区段])无文件落地木马检…...

编程日记 2025/5/12 17:58:16

vscode ctrl+/注释不了css

方式一.全部禁用插件排查问题. 方式二.打开首选项的json文件,注释掉setting.json,排查是哪一行配置有问题. 我的最终问题:需要将 "*.vue": "vue",改成"*.vue": "html", "files.associations": { // "*.vue": &qu…...

编程日记 2025/5/4 9:11:10

python数据分析之爬虫基础：爬虫介绍以及urllib详解

前言在数据分析中，爬虫有着很大作用，可以自动爬取网页中提取的大量的数据，比如从电商网站手机商品信息，为市场分析提供数据基础。也可以补充数据集、检测动态变化等一系列作用。可以说在数据分析中有着相当大的作用！…...

编程日记 2025/5/12 7:31:50

洛谷 P1036 [NOIP2002 普及组] 选数 C语言

题目：https://www.luogu.com.cn/problem/P1036 题目描述已知 nn 个整数 x1,x2,⋯ ,xn，以及 1 个整数 k（k<n）。从 n 个整数中任选 k 个整数相加，可分别得到一系列的和。例如当 n4，k3，4 个…...

编程日记 2025/4/26 5:01:30

CSS动画案例4

目录一、介绍二、基础布局1. HTML2.CSS 三、交互效果1.设置中间图片的动画2.设置左右两侧每行内容的起始位置与动画3.设置左右两侧第二行与第三行的动画延时的时间4.icon划入时的效果四、结束语一、介绍今天我们继续来看下一个CSS动画案例，这个案例主要是图片以…...

编程日记 2025/5/9 21:57:39

华为云云连接+squid进行正向代理上网冲浪

1 概述 ‌Squid‌是一个高性能的代理缓存服务器，主要用于缓冲Internet数据。它支持多种协议，包括FTP、gopher、HTTPS和HTTP。Squid通过一个单独的、非模块化的、I/O驱动的进程来处理所有的客户端请求，这使得它在处理请求时具有较高的效率‌。…...

编程日记 2025/5/7 14:07:02

【C++】封装红黑树实现的map和set

前言这篇博客我们将上篇博客实现的红黑树来封装成自己实现的set和map，来模拟一下库里的map和set 💓 个人主页：小张同学zkf ⏩ 文章专栏：C 若有问题评论区见📝 🎉欢迎大家点赞👍收藏⭐文章 1.源…...

编程日记 2025/5/11 3:18:02

环境准备

使用 koa-body 中间件获取上传的文件

使用 Postman 测试

使用 koa-static 中间件生成图片链接

编写前端页面上传文件

相关文章：