この記事のテスト環境は Golang 1.6、jQuery 1.12.3 です 以前記事を書きました: jQuery.iframe-Transport.js で Ajax ファイルのアップロード リクエストを送信し、返された JSON を処理する。この jQuery プラグインを使用する場合の返された JSON データの処理について説明します。このプラグインには、ajax の multipart/form-data 実装を実装できるようにするための組み込みの が含まれます。これは主に以前のバージョンのブラウザとの互換性のためであることに注意してください。IE 10 未満を考慮しない場合は、このリンクを参照してください。</p> <p>そのため、コードは同じです。次に、Golang でこの <form> を処理するには、まず http.Request の ParseMultipartForm メソッドを呼び出します。 multipart/form-data を処理するためのパラメータは、メモリ内の最大バッファ サイズです。エラーがなければ、multipart.Form オブジェクトを返します。内部の File 属性には、ユーザーがアップロードしたファイルの情報が含まれます。ここでは、次のコードに示すように、logMultipartForm 関数を通じて内部のデータを出力します。 </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><form id="avatarForm" enctype="multipart/form-data"> <input id="avatarUpload" name="avatarUpload" type="file" /></form></pre><div class="contentsignin">ログイン後にコピー</div></div> <p>出力例:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">// 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()'); });});</pre><div class="contentsignin">ログイン後にコピー</div></div> <p> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">// 输出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) /* 后面省略 */}</pre><div class="contentsignin">ログイン後にコピー</div></div>
