基於Gin框架的web後端開發（七）: Gin框架的檔案上傳詳解

LiberHome發表於2022-06-15
框架Web後端

    上傳檔案是使用者將檔案從客戶端上傳到伺服器的過程，下面舉個簡單的上傳檔案的例子：
    先寫一個前端頁面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<form action="/upload" method="post" enctype="multipart/form-data">
    <input type="file" name="f1">
    <input type="submit" value="上傳">
</form>
</body>
</html>

結果如圖：

  • 記得在html的form標籤中加上這個屬性：enctype="multipart/form-data" 用來二進位制傳檔案。

然後再main.go中這樣寫:

package main

import (
    "github.com/gin-gonic/gin"
    "net/http"
    "path"
)

func main() {
    r := gin.Default()
    r.LoadHTMLFiles("./index.html")
    r.GET("/index", func(c *gin.Context) {
        c.HTML(http.StatusOK, "index.html", nil)
    })
    r.POST("/upload", func(c *gin.Context) {
        //從請求中讀取檔案
        f, err := c.FormFile("f1")
        if err != nil {
            c.JSON(http.StatusBadRequest, gin.H{
                "error": err.Error(),
            })
        } else {
            //將檔案儲存在伺服器
            //dst := fmt.Sprintf("./%s", f.Filename)//寫法1
            dst := path.Join("./", f.Filename)
            c.SaveUploadedFile(f, dst)
            c.JSON(http.StatusOK, gin.H{
                "status": "ok",
            })
        }

    })
    r.Run(":9090")
}

結果上傳檔案成功：

?

  • 使用multipart forms提交檔案的預設記憶體限制是32Mb，可以通過router.MaxMultipartMemory屬性進行修改
  • 多個檔案上傳參考：部落格
參考：bilibili

相關文章