Go gin文件上傳

一、form表單上傳文件

1.單文件

前端： <form action="/upload2" method="post" enctype="multipart/form-data"><input type="file" name="file"><input type="submit" value="提交"> </form>注意：設置enctype參數后端： func Upload2(context *gin.Context) {fmt.Println("+++++++++++++++")file,_ := context.FormFile("file") // 獲取文件fmt.Println(file.Filename)file_path := "upload/" + file.Filename // 設置保存文件的路徑，不要忘了后面的文件名context.SaveUploadedFile(file, file_path) // 保存文件context.String(http.StatusOK,"上傳成功") }防止文件名沖突，使用時間戳命名：unix_int := time.Now().Unix() // 時間戳，int類型 time_unix_str := strconv.FormatInt(unix_int,10) // 講int類型轉為string類型，方便拼接，使用sprinf也可以file_path := "upload/" + time_unix_str + file.Filename // 設置保存文件的路徑，不要忘了后面的文件名 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參數后端： func Upload2(context *gin.Context) {form,_ := context.MultipartForm()files := form.File["file"]for _,file := range files { // 循環fmt.Println(file.Filename)unix_int := time.Now().Unix() // 時間戳，int類型time_unix_str := strconv.FormatInt(unix_int,10) // 講int類型轉為string類型，方便拼接，使用sprinf也可以file_path := "upload/" + time_unix_str + file.Filename // 設置保存文件的路徑，不要忘了后面的文件名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中需要加兩個參數：contentType:false,processData:false,

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

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

• 分界符：目的是防止上傳文件中出現分界符導致服務器無法正確識別文件起始位置
• ajax 中 contentType 設置為 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>

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。