前言
感谢开源项目gin-vue-admin，以及1010工作室的视频教程
本人学识尚浅，如有错误，请评论指出，谢谢！
详细可见个人博客：https://linzyblog.netlify.app/
一、单文件上传
- multipart/form-data格式用于文件上传，gin文件上传与原生的net/http方法类似，不同在于gin把原生的request封装到c.Request中。
func main() { r := gin.Default() r.POST("/FileTest", func(c *gin.Context) { //FormFile返回所提供的表单键的第一个文件 f, _ := c.FormFile("file") //SaveUploadedFile上传表单文件到指定的路径 c.SaveUploadedFile(f, "./"+f.Filename) c.JSON(200, gin.H{ "msg": f, }) }) r.Run(":8080") }
打开postman选择POST请求，选择Body里的form-data上传文件，访问http://localhost:8080/FileTest
我们可以看到请求返回的文件包含了文件名和他的头映射。
- 我们来了解FormFile的方法实现
func (c *Context) SaveUploadedFile(file *multipart.FileHeader, dst string) error { //打开请求发送的文件 src, err := file.Open() if err != nil { return err } defer src.Close() //在本地创建一个文件 out, err := os.Create(dst) if err != nil { return err } defer out.Close() //把内容拷贝到本地文件 _, err = io.Copy(out, src) return err }
- 如果我们想给前端返回文件怎么办？
//添加头部映射内容 c.Writer.Header().Add("Content-Disposition", fmt.Sprintf("attachment; filename=%s", f.Filename)) //File以有效的方式将指定文件写入主体流。 c.File("./" + f.Filename)
大功告成，我们成功的将文件内容发送给前端。
二、多文件上传
多文件上传就是一次可以上传多个文件，不需要一个文件一个文件上传，这也便于上传文件的人。
获取多文件的MultipartForm方法
1.MultipartForm：MultipartForm是经过解析的多部分表单（表单里面只有两个属性Value和File），包括文件上传。
2.File: File部分存储在内存或磁盘上,可通过*FileHeader的Open方法访问。
3.Value: Value部分存储为字符串。
两者都通过map的字段名进行键控。
func main() { //多文件上传 r := gin.Default() r.POST("/multFile", func(c *gin.Context) { form, err := c.MultipartForm() if err != nil { log.Fatal(err) } //通过字段名映射 f := form.File["file"] //for range遍历文件 for _, file := range f { fmt.Println(file.Filename) c.SaveUploadedFile(file, "./"+file.Filename) c.Writer.Header().Add("Content-Disposition", fmt.Sprintf("attachment; filename=%s"+file.Filename)) c.File("./" + file.Filename) } }) r.Run(":8080") }
打开postman选择POST请求，选择Body里的form-data上传多个文件，访问http://localhost:8080/multFile
我们成功将两个文件接收并保存下来，并返回给前端了第一个文件。
