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框架文件上传功能,有需要的小伙伴可以参考一下哦。