Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上傳并處理multipartForm_html/css

來源：懂視網責編：小采時間：2020-11-27 16:39:45

Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上傳并處理multipartForm_html/css

Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上傳并處理multipartForm_html/css_WEB-ITnose:本文測試環境Golang 1.6, jQuery 1.12.3 之前寫過一篇文章： jQuery.iframe-Transport.js來發送Ajax文件上傳請求對返回JSON的處理，就是講使用這個jQuery插件時對返回JSON數據的處理，該插件會內置一個這樣就可以實現 ajax的 multipart/f

推薦度：

點擊下載本文 文檔為doc格式

導讀Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上傳并處理multipartForm_html/css_WEB-ITnose:本文測試環境Golang 1.6, jQuery 1.12.3 之前寫過一篇文章： jQuery.iframe-Transport.js來發送Ajax文件上傳請求對返回JSON的處理，就是講使用這個jQuery插件時對返回JSON數據的處理，該插件會內置一個這樣就可以實現 ajax的 multipart/f

本文測試環境Golang 1.6, jQuery 1.12.3

之前寫過一篇文章： jQuery.iframe-Transport.js來發送Ajax文件上傳請求對返回JSON的處理，就是講使用這個jQuery插件時對返回JSON數據的處理，該插件會內置一個這樣就可以實現 ajax的 multipart/form-data實現，注意這樣做主要是為了兼容低版本瀏覽器，如果不考慮IE < 10的話，可以直接使用XHR2，參考這個鏈接.

所以代碼還是和以前一樣，如下(HTML)：

JavaScript:

// avatarUpload是上面的type = “file”的input元素// 每當選擇文件后立即發送Ajax請求$('#avatarUpload').change(function() { //'upload'是具體發送POST請求針對的服務器URL $.ajax('upload', { type: 'POST', files: $('#avatarUpload'), iframe: true, // 注意如果服務器返回結果是JSON，dataType要設置 dataType: 'json' }).done(function(data) { // 這里data是JavaScript對象 console.log('done()', data); }).fail(function() { console.log('fail()'); }).always(function() { console.log('always()'); });});

接下來在Golang中，處理這個

，首先調用 http.Request的 ParseMultipartForm方法來處理 multipart/form-data，參數是內存內的最大Buffer大小，如果沒有錯誤的話，返回一個 multipart.Form對象，里面的 File屬性會包含用戶上傳文件的信息，具體請參考文檔，這里我們通過 logMultipartForm函數簡單把里面的數據坐下輸出，如下代碼：

//

輸出multipart.Form內的數據func logMultipartForm(form *multipart.Form) { log.Print("Values:", form.Value) log.Print("Files:") for key := range form.File { headers := form.File[key] for _, header := range headers { log.Printf("Key: %v, Filename: %v, Header: %v", key, header.Filename, header.Header) } }}// 處理POST請求的Handler// Handler的聲明可能根據不同路由HTTP框架而不一樣func fileUploadHandler(ctx context.Context, w http.ResponseWriter, r *http.Request) { err := r.ParseMultipartForm(1024 * 50) //50kb buffer if err != nil { http.Error(w, err.Error(), http.StatusInternalServerError) return } form := r.MultipartForm logMultipartForm(form) /* 后面省略 */}

示例輸出：

Values: map[X-Requested-With:[IFrame] X-HTTP-Accept:[application/json, text/javascript, */*; q=0.01]]Files:Key: avatarUpload, Filename: IMG_1156.jpg, Header: map[Content-Disposition:[form-data; name="avatarUpload"; filename="IMG_1156.jpg"] Content-Type:[image/jpeg]]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上傳并處理multipartForm_html/css

推薦度：

點擊下載本文 文檔為doc格式

標簽：文件上傳上傳文件

熱門焦點

Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上傳并處理multipartForm_html/css

Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上傳并處理multipartForm_html/css

Golang1.6:使用jQuery.iframe-Transport.js做Ajax文件上傳并處理multipartForm_html/css

最新推薦

猜你喜歡

熱門推薦