如何用form表单同时传图片和文本？------以go为例

最新推荐文章于 2021-06-30 14:45:12 发布

涛歌依旧

最新推荐文章于 2021-06-30 14:45:12 发布

阅读量8.2k

点赞数 1

本文链接：https://blog.csdn.net/stpeace/article/details/82730489

版权

s2: 软件进阶同时被 3 个专栏收录

1053 篇文章 74 订阅

订阅专栏

s2: 后台开发

322 篇文章 11 订阅

订阅专栏

S1: Web

133 篇文章 57 订阅

订阅专栏

form表单很简单，我们也用过form表单来上传图片，会用到enctype="multipart/form-data"，而普通的文本，又不需要这样。那么，当form表单中既有图片，又有文本，该如何处理呢？这种情况很常见啊！

我想当然地写出如下代码：

s.go为：

package main

import (
    "fmt"
    "io"
    "log"
    "net/http"
    "os"
    "github.com/gin-gonic/gin"
)

func upload(c *gin.Context) {

    name := c.Query("username")
    log.Println("name is", name)


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

    filename := header.Filename
    out, err := os.Create("public/" + filename)
    if err != nil {
        log.Fatal(err)
    }
    defer out.Close()

    _, err = io.Copy(out, file)
    if err != nil {
        log.Fatal(err)
    }

    filepath := "http://localhost:8080/file/" + filename
    c.JSON(http.StatusOK, gin.H{"filepath": filepath})
}

func main() {
    router := gin.Default()

    router.LoadHTMLGlob("template/*")
    router.GET("/", func(c *gin.Context) {
        c.HTML(http.StatusOK, "select_file.html", gin.H{})
    })

    router.POST("/upload", upload)
    
    router.StaticFS("/file", http.Dir("public"))
    router.Run(":8080")
}

select_file.html为：

<html>
<body>
    <form action="http://localhost:8080/upload/" enctype="multipart/form-data" method="POST"> 
        <input type="file" name="file" id="pic" accept="*" /> <br />
        <input type="text" name="username" value="xxx">
        <button type="submit">提交</button>
    </form>
</body>
</html>

我期望log.Println("name is", name)能打印出xxx, 可是，没有。

我很快就感觉到，是因为图片和文本一起传递所致，在网上搜了很多地方，发现不少人也有这个疑问，很多解答要么太复杂，要么扯淡。请教了一位朋友，让我尝试PostForm, 顺便查了一下官网，试验了一下，搞定，问题解决。

解决办法：把Query改为PostForm

涛歌依旧

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
如何用form表单同时传图片和文本？------以go为例

form表单很简单，我们也用过form表单来上传图片，会用到enctype="multipart/form-data"，而普通的文本，又不需要这样。那么，当form表单中既有图片，又有文本，该如何处理呢？这种情况很常见啊！我想当然地写出如下代码： s.go为：package mainimport ( "fmt" ...
复制链接

扫一扫