单文件上传
-
后端代码
- 使用
FormFile(key)接收前端传的参数 - 使用
SaveUploadFile(句柄,目标地址)
// 生成文件名称 func generate_filename() string{ return strconv.FormatInt(time.Now().Unix(),10) } // 获取文件的后缀名 func file_ext(filename string) string { pos := strings.LastIndex(filename,".") return filename[pos:] } // 确认上传 func DoUpload(ctx *gin.Context){ file,_ := ctx.FormFile("pic") ext := file_ext(file.Filename) dist := "upload/" + generate_filename() + ext ctx.SaveUploadedFile(file,dist) ctx.String(http.StatusOK,"上传成功") } - 使用
-
前端代码
{{define "user/upload.html"}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传文件</title> </head> <body> <form action="/v4/upload" method="post" enctype="multipart/form-data"> 上传图片<input type="file" name="pic" /> <br> <input type="submit" value="提交"/> </form> </body> </html> {{end}} -
路由代码
v4 := router.Group("/v4") { v4.POST("/upload",chapter4.DoUpload) }
多文件上传
-
后端代码
// 生成文件名称(时间戳) func generate_filename() string{ return strconv.FormatInt(time.Now().Unix(),10) + strconv.Itoa(rand.Intn(100000)) } // 获取文件的后缀名 func file_ext(filename string) string { pos := strings.LastIndex(filename,".") return filename[pos:] } // 文件上传 func UploadMoreView(ctx *gin.Context){ ctx.HTML(http.StatusOK,"upload/add.html",nil) } // 多文件上传 func Moreupload(ctx *gin.Context) { // 获取多文件的句柄 form,_ := ctx.MultipartForm() // 获取文件 files := form.File["pic"] // 循环写入 for _,file := range files{ ext := file_ext(file.Filename) filename := generate_filename() fmt.Println(file.Filename) ctx.SaveUploadedFile(file,"upload/"+filename+ext) } ctx.String(http.StatusOK,"上传成功") } -
前段代码
{{define "upload/add.html"}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多文件上传案例</title> </head> <body> <form action="/v5/upload" method="post" enctype="multipart/form-data"> 上传图片:<input type="file" name="pic" multiple /> <input type="submit" value="提交"/> </form> </body> </html> {{end}} -
路由代码
v5 := router.Group("/v5") { v5.GET("/add",chapter4.UploadMoreView) v5.POST("/upload",chapter4.Moreupload) }