无法将图像发送到 Go 服务器

Question

最近我开始使用 Go 制作服务器，在我目前的实验中，我试图通过 React.js 前端上的 fetch 将图像上传到我的 Go/mux 网络服务器。每当我通过表单上传图像时，服务器都无法接收图像并返回“没有这样的文件”错误。我正在使用 JS 的 FormData API 来存储和发送图像。

这是客户端的代码

handleInput = (e) => {
    let formData = new FormData();
    formData.append("myImage", e.target.files)
    fetch("http://localhost:8080/api", {
      method: 'POST',
      body: formData,
    })
    .then((res) => {
       console.log(res)
    })
    .then(() => {
       console.log("Success")
      })
    .catch((error) => console.error(error))
  }

这是服务器的代码

func api(w http.ResponseWriter, r *http.Request) {

    w.Header().Set("Access-Control-Allow-Origin", "*")

    fmt.Println("Connected -> api route")
    fmt.Fprintf(w, "connected to api")

    // ERROR HERE: no such file / failed to retrieve image
    r.ParseMultipartForm(32 << 20)
    file, _, err := r.FormFile("myImage")
    if err != nil {
        log.Print(err)
        fmt.Println("failed to retrieve image")
        w.WriteHeader(http.StatusBadRequest)
        return
    } else if err == nil {
        fmt.Println("Success")
    }

    defer file.Close()
}

我已尝试添加和删除 multipart/form-data 标头，但均未奏效。

我是 Go 新手，仍在尝试解决问题，感谢任何帮助！

Answer 1

检查代码，这是一种非常标准的上传文件方法，您的 Go api 是否与其他服务一起使用？我找不到任何错误，所以可能更多的是关于一般 api 的配置方式。

您可以做的其他事情是在

处处理错误

if err := r.ParseMultipartForm(32 << 20); err != nil {
fmt.Println(err)
}

也许您可以更好地了解错误

还要确保你的文件在附加之前确实存在

console.log(e.target.files)