Gin：页面上传图片到服务器

最新推荐文章于 2024-08-07 16:33:07 发布

m0_54850467

最新推荐文章于 2024-08-07 16:33:07 发布

阅读量200

点赞数

分类专栏： java 后端文章标签： golang 开发语言后端

本文链接：https://blog.csdn.net/m0_54850467/article/details/123482750

版权

java 同时被 2 个专栏收录

276 篇文章 14 订阅

订阅专栏

后端

17 篇文章 0 订阅

订阅专栏

该博客介绍了如何使用Gin框架在Go语言中实现单图和多图上传的功能。页面代码展示了两个表单，分别用于上传一张图片和多张图片。后台代码中定义了两个处理函数`UploadOne`和`UploadMany`，它们从HTTP请求中获取上传的文件，并将图片保存到指定的本地路径。注意，实际使用时需要修改图片的存储路径。

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

页面代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传图片</title>
</head>
<body>
<form action="http://localhost:8080/upload" method="post" enctype="multipart/form-data">
    <input type="file" name="picture">
    <input type="submit" value="上传一张图片">
</form>
<hr>
<form action="http://localhost:8080/uploads" method="post" enctype="multipart/form-data">
    <input type="file" multiple name="pictures">
    <input type="submit" value="上传多张图片">
</form>
</body>
</html>

后台代码：

package main

import (
	"fmt"
	"path"

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

func main() {
	r := gin.Default()
	r.POST("/upload", UploadOne)
	r.POST("/uploads", UploadMany)
	r.Run()
}

// todo 修改上传图片存储路径
var commonPath = "/Users/lena/GoWork/golang/golang-learning-code/web/gin/upload/picture"

func UploadOne(c *gin.Context) {
	// 通过<input>的name属性获取图片
	file, err := c.FormFile("picture")
	if err != nil {
		fmt.Println("get picture:", err)
		return
	}
	dst := path.Join(commonPath, file.Filename)
	err = c.SaveUploadedFile(file, dst)
	if err != nil {
		fmt.Println("upload error:", err)
		return
	}
	fmt.Println("upload success!")
}

func UploadMany(c *gin.Context) {
	form, err := c.MultipartForm()
	if err != nil {
		fmt.Println("get picture:", err)
		return
	}
	files := form.File["pictures"]
	for _, file := range files {
		fmt.Println("文件名:", file.Filename)
		dst := path.Join(commonPath, file.Filename)
		c.SaveUploadedFile(file, dst)
	}
	fmt.Println("upload success!")
}

tip：记得修改上传图片的路径。

m0_54850467

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Gin：页面上传图片到服务器

页面代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传图片</title></head><body><form action="http://localhost:8080/upload" method="post" enctype="multipart/form-data">
复制链接

扫一扫