失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 原生js实现文件异步上传办法

原生js实现文件异步上传办法

时间:2024-03-11 16:29:56

相关推荐

原生js实现文件异步上传办法

web前端|js教程

javascript,上传,异步

web前端-js教程

效果图:

简单视频源码下载,ubuntu的翻墙工具,tomcat7默认xms,如何停止爬虫,php yar文档,度关键词按天seo电话lzw

asp漏洞网站源码,ubuntu中保存图片,tomcat配置最大线程,1688图片爬虫,php检测模板注入,seo咨询外包seo顾问lzw

代码:(demo33.jsp)

超文本浏览框1.取网页源码 (),vscode多分支开发,桥接 ubuntu,tomcat原理尚学堂,爬虫怎么查看,前端和php的区别吗,seo在线优化工具是什么,手机资源网站 源码,discuz修改模板文件lzw

demo33.jspfunction ajaxUploadFile() { var formData = new FormData(); var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("POST","/data",true); xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest"); formData.append("name",document.getElementById("text").value); formData.append("file",document.getElementById("file").files[0]); xmlhttp.send(formData); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4) {if (xmlhttp.status==200) { console.log("上传成功"+xmlhttp.responseText);}else { console.log("上传失败"+xmlhttp.responseText);} } } }

如果觉得《原生js实现文件异步上传办法》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。