Go gin文件上傳

一、form表單上傳文件

1.單文件

前端： <form action="/upload2" method="post" enctype="multipart/form-data"><input type="file" name="file"><input type="submit" value="提交"> </form>注意：設(shè)置enctype參數(shù)后端： func Upload2(context *gin.Context) {fmt.Println("+++++++++++++++")file,_ := context.FormFile("file") // 獲取文件fmt.Println(file.Filename)file_path := "upload/" + file.Filename // 設(shè)置保存文件的路徑，不要忘了后面的文件名context.SaveUploadedFile(file, file_path) // 保存文件context.String(http.StatusOK,"上傳成功") }防止文件名沖突，使用時間戳命名：unix_int := time.Now().Unix() // 時間戳，int類型 time_unix_str := strconv.FormatInt(unix_int,10) // 講int類型轉(zhuǎn)為string類型，方便拼接，使用sprinf也可以file_path := "upload/" + time_unix_str + file.Filename // 設(shè)置保存文件的路徑，不要忘了后面的文件名 context.SaveUploadedFile(file, file_path) // 保存文件

2.多文件上傳

前端： <form action="/upload2" method="post" enctype="multipart/form-data"><input type="file" name="file"><input type="file" name="file"><input type="submit" value="提交"> </form>注意：不要忘了enctype參數(shù)后端： func Upload2(context *gin.Context) {form,_ := context.MultipartForm()files := form.File["file"]for _,file := range files { // 循環(huán)fmt.Println(file.Filename)unix_int := time.Now().Unix() // 時間戳，int類型time_unix_str := strconv.FormatInt(unix_int,10) // 講int類型轉(zhuǎn)為string類型，方便拼接，使用sprinf也可以file_path := "upload/" + time_unix_str + file.Filename // 設(shè)置保存文件的路徑，不要忘了后面的文件名context.SaveUploadedFile(file, file_path) // 保存文件}context.String(http.StatusOK,"上傳成功") }注意：form.File["file"] 這里是中括號，不是小括號

二、ajax方式上傳文件

后端代碼和form表單方式一樣的

1.單文件

前端： <script src="/static/js/jquery.min.js"></script> <form>{{/*<input type="file" name="file">*/}}用戶名:<input type="test" id="name"><br><input type="file" id="file"><input type="button" value="提交" id="btn_add"> </form><script>var btn_add = document.getElementById("btn_add");btn_add.onclick = function (ev) {var name = document.getElementById("name").value;var file = $("#file")[0].files[0];var form_data = new FormData();form_data.append("name",name);form_data.append("file",file);$.ajax({url:"/upload2",type:"POST",data:form_data,contentType:false,processData:false,success:function (data) {console.log(data);},fail:function (data) {console.log(data);}})} </script>注意：1.引入juery.min.js文件2.ajax中需要加兩個參數(shù)：contentType:false,processData:false,

processData:false 默認為true，當(dāng)設(shè)置為true的時候,jquery ajax 提交的時候不會序列化 data，而是直接使用data

contentType: false 不使用默認的application/x-www-form-urlencoded這種contentType

• 分界符：目的是防止上傳文件中出現(xiàn)分界符導(dǎo)致服務(wù)器無法正確識別文件起始位置
• ajax 中 contentType 設(shè)置為 false 是為了避免 JQuery 對其操作，從而失去分界符

2.多文件

name名稱不相同就是個單文件上傳

name名稱相同

<script>var btn_add = document.getElementById("btn_add");btn_add.onclick = function (ev) {var name = document.getElementById("name").value;console.log($(".file"));var files_tag = $(".file");var form_data = new FormData();for (var i=0;i<files_tag.length;i++){var file = files_tag[i].files[0];form_data.append("file",file);}console.log(files);form_data.append("name",name);$.ajax({url:"/upload2",type:"POST",data:form_data,contentType:false,processData:false,success:function (data) {console.log(data);},fail:function (data) {console.log(data);}})} </script>

總結(jié)

以上是生活随笔為你收集整理的Go gin文件上传的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。