golang開發使用gin框架上傳圖片

後端接口

這裏實現的功能比較簡單，把文件存到靜態文件的固定路徑，如果其他小夥伴需要把路徑存進數據，也是可實現。在這裏我只是把文件路徑返回給前端。

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框架文件上傳功能，有需要的小夥伴可以參考一下哦。