单文件上传

前端

  1. <body>
  2.     <form action="http://127.0.0.1:9090/upload" method="post" enctype="multipart/form-data">
  3.         <input type="file" name="file_name">
  4.         <input type="submit" value="upload">
  5.     </form>
  6. </body>

后端

  1. package main
  3. import (
  4.     "log"
  5.     "net/http"
  6.     "path"
  8.     "github.com/gin-gonic/gin"
  9. )
  11. //单文件上传
  12. func uploadfile(c *gin.Context) {
  13.     file, _ := c.FormFile("file_name")          //对应的是前端的文件名标签
  14.     log.Println(file.Filename)                  //日志打印文件名
  15.     dst := path.Join("./static", file.Filename) //存储目录static,目录必须是存在的
  16.     c.SaveUploadedFile(file, dst)               //存储
  17.     c.JSON(http.StatusOK, gin.H{                //返回上传成功提示
  18.         "message": "upload succeed",
  19.     })
  21. }
  23. func main() {
  24.     router := gin.Default()            //定义默认路由
  25.     router.POST("/upload", uploadfile) //文件上传
  26.     router.Run(":9090")                //绑定0.0.0.0：9090
  27. }

image.png
image.png

多文件上传

前端

前端和单文件是一样，只是后端处理不一样。

后端

和多文件没差多少，就是多了遍历存储。

  1. package main
  3. import (
  4.     "log"
  5.     "net/http"
  6.     "path"
  8.     "github.com/gin-gonic/gin"
  9. )
  11. //多文件上传
  12. func uploadfiles(c *gin.Context) {
  13.     form, _ := c.MultipartForm()
  14.     files := form.File["file_name"] //对应的是前端的文件名标签,注意，这里不是括号了，是中括号，因为这里是map
  16.     for _, f := range files {
  17.         log.Println(f.Filename)                  //日志打印文件名
  18.         dst := path.Join("./static", f.Filename) //存储目录static
  19.         c.SaveUploadedFile(f, dst)               //存储
  20.         c.JSON(http.StatusOK, gin.H{             //返回上传成功提示
  21.             "message": "upload succeed",
  22.         })
  24.     }
  26. }
  28. func main() {
  29.     router := gin.Default()             //定义默认路由
  30.     router.POST("/upload", uploadfiles) //多文件上传
  31.     router.Run(":9090")                 //绑定0.0.0.0：9090
  32. }