golang开发使用gin框架上传图片

golang开发使用gin框架上传图片

• • 后端接口
  • 前端使用ajax提交文件

后端接口

这里实现的功能比较简单，把文件存到静态文件的固定路径，如果其他小伙伴需要把路径存进数据，也是可实现。在这里我只是把文件路径返回给前端。

func uploadFile(context *gin.Context) {
	result := &model.BaseResult{}
	file, header, err := context.Request.FormFile("file")
	if err == nil {
		filename := header.Filename
		out, err := os.Create("static/res/uploadFile/excel/" + filename)
		if err == nil {
			defer out.Close()
			_, err = io.Copy(out, file)
			if err == nil {
				log.Println("上传表格成功")
				res := map[string]interface{}{
					"filePath": "/res/uploadFile/excel/" + filename,
					"fileName": filename,
				}
				result.Code = 0
				result.Data = res
				result.Msg = "上传表格成功"
			} else {
				result.Code = -3
				result.Msg = "复制文件出错"
			}
		} else {
			result.Code = -2
			result.Msg = "创建文件出错"
		}
	} else {
		result.Code = -1
		result.Msg = "接收表格出错"
	}
	context.JSON(http.StatusOK, result)
}

前端使用ajax提交文件

这里我使用的是ajax提交文件，也可以使用form表单提交。

$(document).on('change', '.uploadExcel', function () {
    var formData = new FormData();
    var f = $('.uploadExcel')[0].files[0]
    if (f !== undefined) {
        formData.append('file', f);
        $.ajax({
            url: "/ele/person/uploadExcel",
            type: "POST",
            data: formData,
            contentType: false,
            processData: false,
            dataType: "json",
            mimeType: "multipart/form-data",
            success: function (res) {
                console.log(res.data)
                if (res.code === 0) {
                    alert("上传文件成功")
                } else {
                    alert("上传文件失败")
                }
            },
            error: function (err) {
                console.log(err)
            }
        })
    }
});

以上是简单的实现gin框架文件上传功能，有需要的小伙伴可以参考一下哦。