Gin 文件上传操作（单/多文件操作）

最新推荐文章于 2024-05-30 22:30:11 发布
最新推荐文章于 2024-05-30 22:30:11 发布
阅读量469 收藏
点赞数
分类专栏： # Gin框架入门篇 文章标签： gin golang 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72264240/article/details/132875833
版权

参考地址：

单文件 | Gin Web Framework (gin-gonic.com)icon-default.png?t=N7T8https://gin-gonic.com/zh-cn/docs/examples/upload-file/single-file/

单文件

官方案例：

func main() {
	router := gin.Default()
	// 为 multipart forms 设置较低的内存限制 (默认是 32 MiB)
	router.MaxMultipartMemory = 8 << 20  // 8 MiB
	router.POST("/upload", func(c *gin.Context) {
		// 单文件
		file, _ := c.FormFile("file")
		log.Println(file.Filename)

		dst := "./" + file.Filename
		// 上传文件至指定的完整文件路径
		c.SaveUploadedFile(file, dst)

		c.String(http.StatusOK, fmt.Sprintf("'%s' uploaded!", file.Filename))
	})
	router.Run(":8080")
}

操作案例：

我们选择之前的userRoute以及userAddControl进行操作，结合模板（新创建模板）进行渲染

1、渲染模板：

在templates/admin/下创建模板useradd.html

placeholder底部显示 

{{ define "admin/useradd.html" }}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>----Gin Framek单文件上传测试----</h2>
    <br>
    <br>
    <!-- action是最后我们在点击提交后使用POST去服务器搞资源的操作路由 -->
    <form action="/admin/user/fileUpload" method="post"></form>
        <input type="text" name = "username" placeholder="用户名" />
        <br>
        <br>
        <input type="file" value="photo" placeholder="人物肖像" />
        <br>    <br>
        <input type="submit" value="提交">
</body>
</html>
{{ end }}

 2、控制器调整:

package admin

import (
	"net/http"

	"github.com/gin-gonic/gin"
)

type UserAddController struct {
	BaseController
}

func (con UserAddController) Index(c *gin.Context) {
	
	con.success(c)
}
func (con UserAddController) Add(c *gin.Context) {
	c.HTML(http.StatusOK ,"admin/useradd.html",gin.H{

	})
}
func (con UserAddController) Edit(c *gin.Context) {
	c.String(200, "用户列表-Edit------")
}

3、查看路由接入口:

package routers

import (
	"gindemo04/controllers/admin"
	"gindemo04/middle"

	"github.com/gin-gonic/gin"
)

func AdminRoutersInit(r *gin.Engine) {
	//middlewares.InitMiddleware中间件
	adminRouters := r.Group("/admin", middle.InitMiddleware)
	{
		adminRouters.GET("/", admin.IndexController{}.Index)

		adminRouters.GET("/user", admin.UserAddController{}.Index)
		adminRouters.GET("/user/add", admin.UserAddController{}.Add)
		adminRouters.GET("/user/edit", admin.UserAddController{}.Edit)

		
	}
}

4、展示页面测试：

Documenticon-default.png?t=N7T8http://127.0.0.1:8210/admin/user/add

点击提交之后，会转到之前模板渲染操作的action操作 

而要实现文件的正确上传

需要在上传文件的 form 表单上面需要加入 enctype="multipart/form-data"  

点击提交后，转到在action内的路由操作，注意几则：

  • 要在 表单内，不然跳转会出问题
  • 控制器内的方法需要大写首字母，不然成为私有方法，在路由内无法调用
  • 渲染的form后面需要加enctype="multipart/form-data
  • 一一对应，路由，控制器，渲染模板

5、修改渲染的模板加入enctype

{{ define "admin/useradd.html" }}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FileUploadtest</title>
</head>
<body>
    <h2>----Gin Framek单文件上传测试----</h2>

    <form action="/admin/user/fileUpload" method="post" enctype="multipart/form-data">
        
        用户名:<input type="text" name="username" placeholder="用户名" />
        <br>
        <br>
        人物像:<input type="file" name="photo" />
        <br>    <br>

        <input type="submit" value="提交">
    </form>
</body>
</html>
{{ end }}

 6、添加对应的控制器方法

7、路由操作调用方法

package routers

import (
	"gindemo04/controllers/admin"
	"gindemo04/middle"

	"github.com/gin-gonic/gin"
)

func AdminRoutersInit(r *gin.Engine) {
	//middlewares.InitMiddleware中间件
	adminRouters := r.Group("/admin", middle.InitMiddleware)
	{
		adminRouters.GET("/", admin.IndexController{}.Index)

		adminRouters.GET("/user", admin.UserAddController{}.Index)
		adminRouters.GET("/user/add", admin.UserAddController{}.Add)
		adminRouters.POST("/user/fileUpload", admin.UserAddController{}.FileUpload)

	}
}

 8、测试从前端页面到POST服务拉取资源

自动跳转（仅测试，接下来实现上传）

9、真实上传操作（修改跳转的页面路由）

 在static目录下创建一个文件images

以及修改后的控制器

package admin

import (
	"net/http"
	"path"

	"github.com/gin-gonic/gin"
)

type UserAddController struct {
	BaseController
}

func (con UserAddController) Index(c *gin.Context) {

	con.success(c)
}
func (con UserAddController) Add(c *gin.Context) {
	c.HTML(http.StatusOK, "admin/useradd.html", gin.H{})
}
func (con UserAddController) FileUpload(c *gin.Context) {
	username := c.PostForm("username")

	file, err := c.FormFile("photo")
	dest := path.Join("./static/images", file.Filename)
	if err == nil {
		c.SaveUploadedFile(file, dest)
	}
	c.JSON(http.StatusOK, gin.H{
		"success":  true,
		"username": username,
		"dest":      dest,
	})
}

10、测试文件上传

 

 有了一个图片

多文件上传（上传的file名称不同的操作）

1、修改渲染模板

创建useredit的html文件

{{ define "admin/useredit.html" }}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FileUploadtest</title>
</head>
<body>
    <h2>----Gin Framek多文件上传测试(不同名称)----</h2>
    <!-- 配置路由/admin/user/fileEdit -->
    <form action="/admin/user/fileEdit" method="post" enctype="multipart/form-data">
        
        用户名:<input type="text" name="username" placeholder="用户名" />
        <br>
        <br>
        人物像1:<input type="file" name="photo1" />
        <br>
        <br>
        人物像2:<input type="file" name="photo2" />
        <br> <br>
        <input type="submit" value="提交">
    </form>
</body>
</html>
{{ end }}

 2、控制器调整

package admin

import (
	"net/http"
	"path"

	"github.com/gin-gonic/gin"
)

type UserAddController struct {
	BaseController
}

func (con UserAddController) Index(c *gin.Context) {

	con.success(c)
}
func (con UserAddController) Add(c *gin.Context) {
	c.HTML(http.StatusOK, "admin/useradd.html", gin.H{})
}
func (con UserAddController) FileUpload(c *gin.Context) {
	username := c.PostForm("username")

	file, err := c.FormFile("photo")
	dest := path.Join("./static/images", file.Filename)
	if err == nil {
		c.SaveUploadedFile(file, dest)
	}
	c.JSON(http.StatusOK, gin.H{
		"success":  true,
		"username": username,
		"dest":      dest,
	})
}
func (con UserAddController) Edit(c *gin.Context) {
	c.HTML(http.StatusOK, "admin/useredit.html", gin.H{})
}
func (con UserAddController) FileEdit(c *gin.Context) {
	username := c.PostForm("username")

	file1, err1 := c.FormFile("photo1")
	dest1 := path.Join("./static/images", file1.Filename)
	if err1 == nil {
		
		c.SaveUploadedFile(file1, dest1)
	}

	file2, err2 := c.FormFile("photo2")
	dest2 := path.Join("./static/images", file2.Filename)
	if err2 == nil {
		
		c.SaveUploadedFile(file2, dest2)
	}

	c.JSON(http.StatusOK, gin.H{
		"success":  true,
		"username": username,
		"dest1":      dest1,
		"dest2":      dest2,
	})
}

 3、路由接口配置

package routers

import (
	"gindemo04/controllers/admin"
	"gindemo04/middle"

	"github.com/gin-gonic/gin"
)

func AdminRoutersInit(r *gin.Engine) {
	//middlewares.InitMiddleware中间件
	adminRouters := r.Group("/admin", middle.InitMiddleware)
	{
		adminRouters.GET("/", admin.IndexController{}.Index)

		adminRouters.GET("/user", admin.UserAddController{}.Index)

		adminRouters.GET("/user/add", admin.UserAddController{}.Add)
		adminRouters.POST("/user/fileUpload", admin.UserAddController{}.FileUpload)	

		adminRouters.POST("/user/fileEdit", admin.UserAddController{}.FileEdit)	
		adminRouters.GET("/user/edit", admin.UserAddController{}.Edit)

		adminRouters.GET("/article", admin.ArticleController{}.Index)
		adminRouters.GET("/article/add", admin.ArticleController{}.Add)
		adminRouters.GET("/article/edit", admin.ArticleController{}.Edit)
	}
}

4、进行测试

 

 多文件上传（上传的file名称相同的操作）

1、修改渲染模板

{{ define "admin/useradd.html" }}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FileUploadtest</title>
</head>
<body>
    <h2>----Gin Framek单文件上传测试----</h2>

    <form action="/admin/user/fileUpload" method="post" enctype="multipart/form-data">
        
        用户名:<input type="text" name="username" placeholder="用户名" />
        <br>
        <br>
        人物像1:<input type="file" name="photo[]" />
        <br>    <br>
        人物像2:<input type="file" name="photo[]" />
        <br>    <br>

        <input type="submit" value="提交">
    </form>
</body>
</html>
{{ end }}

 2、控制器调整

MultipartForm是经过解析的多部分表单，包括文件上传。

package admin

import (
	"net/http"
	"path"

	"github.com/gin-gonic/gin"
)

type UserAddController struct {
	BaseController
}

func (con UserAddController) Index(c *gin.Context) {

	con.success(c)
}
func (con UserAddController) Add(c *gin.Context) {
	c.HTML(http.StatusOK, "admin/useradd.html", gin.H{})
}
func (con UserAddController) FileUpload(c *gin.Context) {
	username := c.PostForm("username")
	
	form,_ := c.MultipartForm()
	files := form.File["photo[]"]
	for _,file := range files{
		dest := path.Join("./static/images", file.Filename)
		c.SaveUploadedFile(file, dest)
	}

	c.JSON(http.StatusOK, gin.H{
		"success":  true,
		"username": username,
	})
}

 3、路由接口配置

 4、测试

 

 

赵唯一
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
go 1. gin 多文件上传
霍城延的随笔
11-25 490
package main import ( "fmt" "net/http" "path/filepath" "github.com/gin-gonic/gin" ) func main() { router := gin.Default() // Set a lower memory limit for multipart forms (default is 32 MiB) ...
Gin框架入门(二)—文件上传
Samdom的博客
01-25 1万+
官方文档：https://godoc.org/github.com/gin-gonic/gin 官方地址：https://github.com/gin-gonic/gin 测试工具：postman https://www.getpostman.com/downloads/ 1.单文件上传 func main() { router := gin.Default() router.POST(&quot;/u...
go的gin框架使用（六）：文件上传
美丽的泡沫
05-21 1万+
文件上传使用post方法，类型使用 multipart/form-data，这个前面讲过
探索Gin框架：Golang使用Gin完成文件上传
热门推荐
qq_35716689的博客
02-02 18万+
Go标准库net/http对文件上传已经提供了非常完善的支持，Gin框架在其基础做了封装，使用更加简单便捷。作者：鼠鼠我捏，要死了捏
【四二学堂】go+gin实现多文件/单文件上传，返回上传文件地址
qq_38187437的博客
12-15 541
/** * 异步上传图片 * @param files * @return * @throws IOException * @throws IllegalStateException * ResponseResult 是自己定义的返回值对象，可随便定义 */ func UploadFiles(context *gin.Context) { referId := context.PostForm("referId") fileType := context.PostForm("fileT.
【Gin】Gin 文件上传
徒挽的博客
03-24 330
Gin 文件上传
gin多文件上传
地球流浪猫的博客
04-09 166
多文件上传。
gin上传文件服务器,gin系列-文件上传
weixin_39653761的博客
08-06 398
单文件上传前端文件上传 //upload跳转控制 //和c.FormFile一致后端#main.gopackage mainimport ("github.com/gin-gonic/gin""net/http""path")func main() {r := gin.Default()//处理multipart forms提交文件时默认的内存限制是32 MiBr.MaxMultipartM...
Gin框架---文件操作
氷的博客
03-28 287
常用的静态文件加载有三个函数：Static()可以加载整个静态文件的目录，第一个参数是api,第二个参数是那个静态文件目录相对于当前执行这条语句的相对路径，当然也可以写绝对路径，绝对路径就是：“D:/GolandProjects/blog_demo/web/static”，不是以当前项目名为根目录，而是D盘为根目录。StaticFS()从本质上说其功能和r.Static()完全一样，那功能完全一样为什么还要写两个方法呢？这只是一个习惯差别，一般来说：r.Static()用于加载
用go gin server来做文件上传服务
09-19
今天小编就为大家分享一篇关于用go gin server来做文件上传服务，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
go gin web框架文件上传，可以使用curl进行上传文件
07-06
go gin web框架文件上传，可以使用curl进行上传文件
Nginx 配置文件上传与下载
01-09
最近在做项目中需要给前端提供文件下载链接，所以借着机会搭建了基于Nginx的文件服务器，特此记录便于日后查阅。 1、配置文件 需要修改 nginx.conf 配置文件（内网地址：10.12.1.215、外网地址：113.98.58.42），...
nginx上传文件大小报错500的解决办法
01-20
nginx上传文件大小报错500的解决办法 采用nginx作反向代理，出现了一个诡异的问题，小文件可以提交，大文件会报500内部错误。这个是什么原因导致的呢？  查wiki可知，上传文件大小相关的有三个配置 client_body_...
记Laravel调用Gin接口调用formData上传文件的实现方法
10-15
主要介绍了记Laravel调用Gin接口调用formData上传文件的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
go-gin中session实现redis前缀和db库选择+单点登录
qq_39272466的博客
05-28 342
【代码】go-gin中session实现redis前缀和db库选择+单点登录。
Golang 创建第一个web项目（Gin + Gorm）
只会写bug的靓仔的博客
05-28 891
Golang 还是挺好用的，但是转语言处理转换语法之外，一些处理业务的语法思路也和原来不同，不过有了原来的代码基础上手还是挺快的。
go语言基于Gin集成后台管理系统开发定时任务管理cron/v3好用又好看
最新发布
GoFLy开发者的博客
05-30 363
Golang语言居于gin框架开发的定时任务管理，系统目前是支持两种定时类型，一种是函数类型，一种是接口类型，来支持多样的业务；时间周期可视化选择，方便设定执行周期
Golang：gin模板渲染base64图片出现#ZgotmplZ
彭世瑜的博客
05-30 194
gin模板渲染base64图片出现#ZgotmplZ。查看页面渲染结果，发现base64字符串没有显示完整。再次查看其渲染结果，发现base64字符串显示完整了。gin模板渲染base64图片。模板内容 index.html。修改字符串，指定其类型。
gin框架实现文件上传下载
01-09
好的，下面是 gin 框架实现文件上传和下载的方法。 文件上传： 1. 使用 gin.MaxMultipartMemory 设置最大内存大小（例如：1表示 1 MB） 2. 在表单中添加文件字段 3. 使用 c.SaveUploadedFile() 将文件保存到本地...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

赵唯一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值