Ajax异步上传文件实例代码分享
非常不多说,直接给大家上干货,写的不好还请见谅。
具体代码如下所示:
<!DOCTYPEhtml> <html> <head> <metaname="viewport"content="width=device-width"/> <scriptsrc="~/Scripts/jquery-1.8.2.min.js"></script> <title>Index</title> <script> $(function(){ $(':button').click(function(){ varformData=newFormData(); varfile=$("input[type='file']")[0].files[0]; formData.append("files",file); $.ajax({ url:'/Upload/Upload',//serverscripttoprocessdata type:'POST', //Ajax事件 //beforeSend:beforeSendHandler, //success:completeHandler, //error:errorHandler, //Form数据 data:formData, //OptionstotellJQuerynottoprocessdataorworryaboutcontent-type cache:false, contentType:false, processData:false }); }); }); </script> </head> <body> <formenctype="multipart/form-data"> <inputname="file"type="file"multiple="multiple"/> <inputtype="button"value="Upload"/> <inputtype="text"name="userName"value="ice"/> </form> </body> </html>
以上代码是小编给大家分享的Ajax异步上传文件实例代码,希望对大家有所帮助,如果大家有疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对毛票票网站的支持!