如何在 golang 框架中进行跨域文件上传

在 Golang 框架中，实现跨域文件上传需要配置 CORS（跨域资源共享）中间件：允许所有来源：使用 * 配置 AllowOrigins。允许所有头部：使用 * 配置 AllowHeaders。允许所有方法：使用 * 配置 AllowMethods。使用 FormData 上传文件：将文件添加到 FormData 对象。处理文件：在 Golang 后端处理上传的文件。返回响应：返回成功消息或错误。

如何在 Golang 框架中实现跨域文件上传

跨域文件上传在 Golang 中是一个常见的问题，它会阻止来自不同域名的前端应用程序上传文件。为了解决这个问题，我们需要在 Golang 框架中配置 CORS（跨域资源共享）中间件。

配置 CORS 中间件

以下是如何在 Echo 框架中配置 CORS 中间件的示例：

import (
    "github.com/labstack/echo/v4/middleware"
)

// Middleware 注册 CORS 中间件
func Middleware(e *echo.Echo) {
    e.Use(middleware.CORSWithConfig(middleware.CORSConfig{
        AllowOrigins: []string{"*"}, // 允许所有来源
        AllowHeaders: []string{"*"}, // 允许所有头部
        AllowMethods: []string{"*"}, // 允许所有方法
    }))
}

实战案例

使用以下代码将文件 file.txt 从前端上传到 Golang 服务器：

前端（JavaScript）：

const formData = new FormData();
formData.append("file", fileInput.files[0]);

fetch("/upload", {
  method: "POST",
  body: formData,
})
  .then(res => console.log(res))
  .catch(err => console.error(err));

后端（Golang）：

func UploadFile(c echo.Context) error {
    file, err := c.FormFile("file")
    if err != nil {
        return err
    }

    // 处理文件...

    return c.JSON(http.StatusOK, "文件上传成功")
}

注意：

• AllowOrigins 可以根据需要限制允许的域名。
• 使用 * 允许所有来源是一个方便的解决方法，但在生产环境中应谨慎使用。
• 确保前端和后端使用相同的端口号，否则会因出现 CORS 问题而导致上传失败。