vuejs学习之路 vue上传文件控件往golang服务器上传文件（七）

最新推荐文章于 2023-06-24 21:00:51 发布

vue从入门到放弃

最新推荐文章于 2023-06-24 21:00:51 发布

阅读量1.1k

点赞数

分类专栏： go 学习 vue

本文链接：https://blog.csdn.net/u013690446/article/details/104378134

版权

本文详细介绍了如何使用Vue.js前端框架创建一个文件上传控件，并与Golang后端服务器进行交互，实现在Golang环境中接收和处理上传的文件。

摘要由CSDN通过智能技术生成

vue代码：

<el-col :span="6" style="margin-left: 50px">
    <el-upload class="upload-demo" drag action="http://10.0.2.195:9091/upload"
               name="userfile" :limit="1">
      <i class="el-icon-upload"></i>
      <div class="el-upload__text">将搜索的nginx日志文件拖到此处，或<em>点击上传</em></div>
    </el-upload>
</el-col>

golang代码：

func UploadHandler(w http.ResponseWriter, r *http.Request) 
   GetFile(w, r, "../test.dat")
}

func GetFile(w http.ResponseWriter, r *http.Request, filepath string) {
   fmt.Println("开始接收文件******")
   //解决跨域问题
   if origin := r.Header.Get("Origin"); origin != "" {
      w.Header().Set("Access-Control-Allow-Origin", "*")
      w.Header().