在我进行现代Web应用程序开发时，文件上传是一个常见的需求，用户经常需要将图片、文档等文件上传到服务器。在本次青训营大作业中的投稿接口（我作为登录用户需要选择视频上传），我需要实现文件上传功能。

在本文中，我将分享我的学习心路历程，讲解如何使用Gin框架实现一个简单的文件上传功能。我将从项目目录结构、前端页面、后端代码以及实际演示步骤入手，逐步展示我是如何搭建一个完整简易的文件上传系统的 这里简单写一个用户界面，让用户选择文件并填写一些相关信息。我们使用 HTML 编写一个简单的表单页面，这个页面允许用户上传单个文件，并输入一个名称（Name）作为附加信息。页面打开是这样的： 这个表单简单明了，包括一个文本输入框用于输入名称，一个文件选择输入框用于选择上传的文件，最后是一个提交按钮。 后端代码 接下来，我们来写两个文件：main.go和router.go。这两个文件协同工作，用于实现了文件上传的核心逻辑（代码量不多）。 main.go 在main.go文件中，我们创建了一个Gin的实例，并初始化了HTTP服务器。 这是简化后的代码：

我的文件上传示例

Gin文件上传示例

Name: File: 在这段代码中，我通过router.Static指定了静态资源的路径，这将使得前端页面能够被访问到。接着，我定义了/upload的POST请求路由，其中实现了文件上传的逻辑。我从表单中获取文件和名称信息，将文件保存到服务器上，并返回一个成功上传的响应。

具体步骤

a. 创建目录和文件

首先，我们创建一个名为upload的项目目录。

在upload目录下，创建public和static文件夹，并将前面提到的index.html文件放入public目录。

b. 初始化模块

在终端中，进入upload目录，执行以下命令初始化模块：

go mod init upload

这将创建go.mod，用于管理项目的依赖。

c. 安装Gin框架

确保你已经安装了Go编程语言。然后，在终端中执行以下命令安装Gin框架：

go get -u github.com/gin-gonic/g…

d. 编写主要代码

将前面提到的main.go和router.go代码放到根目录下。 这样，整体的项目目录结构如下：

upload/ ├── public/ │ └── index.html ├── static/ ├── go.mod ├── go.sum ├── main.go └── router.go

e. 运行应用程序

在终端中进入upload目录，执行以下命令以构建项目：

go build

这将编译项目并生成一个可执行文件。执行以下命令以运行项目：

./upload