vue+gin上传文件

2022-07-31 11:36:17 阅读：175 来源： 互联网

标签：vue log err formData Filename file gin 上传

前端

html

<form action="" method="post" enctype="multipart/form-data">
      <input id="fileUpload" type="file" name="upload">
      <input type="button" @click="submitfile">
</form>

submitfile() {
            var formData = new FormData()
            var formData = new window.FormData()
            formData.append("f1",$("#fileUpload")[0].files[0]);
            console.log(formData)
            //开始Ajax请求
            var options = {  // 设置axios的参数
                url: this.baseUrl+'/upload',
                data: formData,
                method: 'post',
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            }
            axios(options).then((res) => {
                console.log(res)
            }) 
        },

后端：

func UploadFile(c *gin.Context){
	file, err := c.FormFile("f1")
	if err != nil {
		log.Println("get file failed!",err.Error())
		c.JSON(http.StatusInternalServerError, gin.H{
			"message": err.Error(),
		})
		return
	}

	log.Println(file.Filename)
	dst := fmt.Sprintf("F:/go/demo/employ/files/%s", file.Filename)
	// 上传文件到指定的目录
	c.SaveUploadedFile(file, dst)
	err = CreateResume(file.Filename)
	if err!=nil{
		c.JSON(http.StatusOK, gin.H{
			"message": fmt.Sprintf("failed"),
		})
		return
	}
	resume:=GetResumeByName(file.Filename)
	c.JSON(http.StatusOK, gin.H{
		"message": "success",
		"id":resume.Id,
	})
}

标签：vue,log,err,formData,Filename,file,gin,上传
来源： https://www.cnblogs.com/mango1997/p/16536713.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue+gin上传文件