varFILEOBJS = document.getElementById ("File_upload"). files;//get the number of files varFileNum =fileobjs.length; varFormdate =NewFormData (); for(vari =0; i < FileNum; i++) {formdate.append ("File_upload"+I, fileobjs[i]); } formdate.append ("FileNum", FileNum); $.ajax ({type:"POST", URL:".. /ajax/uploadposdateimg.ashx", Data:formdate, cache:false, ProcessData:false, ContentType:false, Success:function (data) {}, Error:function (Xmlhttpre Quest, Textstatus, Errorthrown) {alert ("upload failed!"); } }); </script> "Form1"Method="POST"Enctype="Multipart/form-data"> <input type="file"Name="File_upload"multiple="multiple"Id="File_upload" class="file"/> </form> </body> </thml>
C # back end
stringFilePath =""; varFileNum =int. Parse (httpcontext.current.request.form["FileNum"]); if(FileNum <=0) { return; } for(inti =0; i < FileNum; i++) {Httppostedfile file= httpcontext.current.request.files["File_upload"+i]; FilePath+ = (fileupload.uploadimage (file, fileuploadfunctiontype.posdataimage) +","); } if(!string. IsNullOrEmpty (FilePath)) {FilePath= Filepath.substring (0, Filepath.length-1); } context. Response.Write (FilePath);
HTML5 Multi-file asynchronous upload personal Note code