Gin 系列講座: Saas系統, Gin+Jwt+casbin RestFul Api 後端一戰到底 : 7 單個多個文件上傳參數綁定

時間 2019-12-28

標籤 gin 系列講座 saas 系統 gin+jwt+casbin jwt casbin restful api 後端一戰到底單個多個文件上傳參數綁定欄目雲服務简体版

原文原文鏈接

Gin做爲後端接收文件圖片上傳的參數傳遞html

### 單個文件上傳


#### 前臺 web
```html
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Single file upload</title>
</head>
<body>
<h1>Upload single file with fields</h1>

<form action="/upload" method="post" enctype="multipart/form-data">
    Name: <input type="text" name="name"><br>
    Email: <input type="email" name="email"><br>
    Files: <input type="file" name="file"><br><br>
    <input type="submit" value="Submit">
</form>
</body>
複製代碼

###注意上傳前端須要form File input的name 必定是file前端

<form action="/upload" method="post" enctype="multipart/form-data"> 是關鍵屬性
複製代碼

上傳文件或者圖片關鍵是 enctype="multipart/form-data" 不一樣與上節講到的參數綁定web

gin 後端

func main() {
	router := gin.Default()
	// Set a lower memory limit for multipart forms (default is 32 MiB)
	router.MaxMultipartMemory = 8 << 20 // 8 MiB
	router.Static("/", "./public")
	router.POST("/upload", func(c *gin.Context) {
		name := c.PostForm("name")
		email := c.PostForm("email")

		// Source
		file, err := c.FormFile("file")
		if err != nil {
			c.String(http.StatusBadRequest, fmt.Sprintf("get form err: %s", err.Error()))
			return
		}

		filename := filepath.Base(file.Filename)
		if err := c.SaveUploadedFile(file, filename); err != nil {
			c.String(http.StatusBadRequest, fmt.Sprintf("upload file err: %s", err.Error()))
			return
		}

		c.String(http.StatusOK, fmt.Sprintf("File %s uploaded successfully with fields name=%s and email=%s.", file.Filename, name, email))
	})
	router.Run(":8080")
}

複製代碼

後端解析

name := c.PostForm("name")
email := c.PostForm("email")
獲取 html form 參數
file, err := c.FormFile("file")
獲取form單個文件信息。
複製代碼

多文件上傳

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Multiple file upload</title>
</head>
<body>
<h1>Upload multiple files with fields</h1>

<form action="/upload" method="post" enctype="multipart/form-data">
    Name: <input type="text" name="name"><br>
    Email: <input type="email" name="email"><br>
    Files: <input type="file" name="files" multiple><br><br>
    <input type="submit" value="Submit">
</form>
</body>
</html>html

複製代碼

關鍵點與單文件不一樣是

type="file" name="files" multiple>
複製代碼

多文件上傳gin 後端

unc main() {
	router := gin.Default()
	// Set a lower memory limit for multipart forms (default is 32 MiB)
	router.MaxMultipartMemory = 8 << 20 // 8 MiB
	router.Static("/", "./public")
	router.POST("/upload", func(c *gin.Context) {
		name := c.PostForm("name")
		email := c.PostForm("email")

		// Multipart form
		form, err := c.MultipartForm()
		if err != nil {
			c.String(http.StatusBadRequest, fmt.Sprintf("get form err: %s", err.Error()))
			return
		}
		files := form.File["files"]

		for _, file := range files {
			filename := filepath.Base(file.Filename)
			if err := c.SaveUploadedFile(file, filename); err != nil {
				c.String(http.StatusBadRequest, fmt.Sprintf("upload file err: %s", err.Error()))
				return
			}
		}

		c.String(http.StatusOK, fmt.Sprintf("Uploaded successfully %d files with fields name=%s and email=%s.", len(files), name, email))
	})
	router.Run(":8080")
}
複製代碼

多文件參數綁定

form, err := c.MultipartForm()
files := form.File["files"]
複製代碼

這樣就得到了前端 name="files" 上傳的文件列表了。後端

注意： form post請求bash

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。