标题 | html5 XMLHttpRequest 图片异步上传 |
范文 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <tilte>uploadFile</title> <script> function uploadFile(){ var formData = new FormData(); var files = document.getElementById('file').files; var file = files[0]; formData.append('file',file); var xhr = new XMLHttpRequest(); xhr.open('POST','index.html',true); xhr.onload = function(e){ if(this.status == 200){ document.getElementById("resulte").innerHTML = this.response; } }; xhr.send(formData); } </script> </head> <body> <form id="form1" enctype="multipart/form-data"> <input type="file" id="file" name="file"><br/> <input type="button" value="upload" onclick="uploadFile();"> </form> <output id="result"></output> </body> </html> |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。