如何在 golang 框架中进行跨域文件上传- 技术经验 -卓越飞翔博客

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

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

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

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

配置 CORS 中间件

立即学习“go语言免费学习笔记（深入）”；

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

import (
    "<a style='color:#f60; text-decoration:underline;' href="https://www.php.cn/zt/15841.html" target="_blank">git</a>hub.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 问题而导致上传失败。

相关推荐