如何在 golang 框架中进行跨域文件上传-Golang-PHP中文网

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

WBOY

发布： 2024-07-04 11:33:02

原创

633人浏览过

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

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

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

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

配置 CORS 中间件

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

以下是如何在 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, "文件上传成功")
}

登录后复制

注意：