文件上传 go 和 vue

最新推荐文章于 2023-05-12 14:56:06 发布

soul_reader

最新推荐文章于 2023-05-12 14:56:06 发布

阅读量768

点赞数

本文链接：https://blog.csdn.net/soul_reader/article/details/103668104

版权

本文介绍了一个使用Vue进行前端页面开发，通过Go语言实现后端文件上传的项目。前端主要关注文件获取及传输请求，后端利用Go语言处理上传请求。

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

文件上传（go语言与vue配合）

前端vue
- 后端（go语言）

前端vue

前端页面的话主要涉及一个文件获取以及传输请求

html 相关
<input id="file" type="file">
js相关
handleSave() {
      var file = document.getElementById('file').files[0]
      var formData = new FormData()
      formData.append('file', file)
      axios.post('http://localhost:8000/api/v1/upload', formData, { headers: {
        'Content-Type': 'multipart/form-data'
      }}).then(resData => {
        console.log(resData)
      })
    }
文件上传使用'Content-Type'为 'multipart/form-data'

后端（go语言）

package server

import (
	"fileupload/tool"
	"fmt"
	"github.com/gin-gonic/gin"
	"io"
	"log"
	"mime/multipart"
	"net/http"
	"time"
)

type FileServer struct {
   

}

func (s FileServer) Upload(c *gin.Context) {
   
	fileHeader, err := c.FormFile("file")
	fmt.Println(fileHeader)
	if err != nil {
   
		log.Println(err)
	}
	now := time.Now(