文件上传二:FormData上传
介绍三种上传方式:
真正的异步上传,FormData的更多操作,请点击 这里
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 </head> 7 <body> 8 <input type="file" id="FileData" /> 9 <br /> 10 <input type="button" id="btn1" value="上传" /> 11 <script> 12 btn1.onclick = function () { 13 var formData = new FormData(); 14 formData.append("FileData", FileData.files[0]); 15 var request = new XMLHttpRequest(); 16 request.open("POST", "Handler1.ashx"); 17 request.onload = function (e) { 18 if (request.status == 200) { 19 var res = e.target.responseText; 20 } 21 }; 22 request.send(formData); 23 }; 24 </script> 25 </body> 26 </html>
后端代码,跟 文件上传一:伪刷新上传 一样。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步