手机版

原生爪哇岛描述语言实现文件异步上传的实例讲解

时间:2021-09-03 来源:互联网 编辑:宝哥软件园 浏览:

效果图:

代码:(demo33.jsp)

"%@"页面内容类型=' text/html;字符集=UTF-8 '语言=' titledemo33.jsp/title/headbodylabel的Java '% html头='文本'名称/label输入类型=' text ' id=' text ' name=' name '/label for=' file '文件/labelinput类型=' file ' id=' file ' name=' file '/button类型=' button ' onclick=' AJaxploadfile()'确定/button/body脚本类型=' text/JavaScript '函数AJaxUploadfile(){ var form data=new form data();var xmlhttpif(窗口XMLHttpRequest){//IE7,火狐、Chrome、Opera、Safari的代码xmlhttp=new XMlhttprequest();} else {//IE6的代码,IE5 xmlhttp=新的ActiveX对象('微软.XMLHTTP’);} xmlhttp.open('POST ','/data ',true);xmlhttp。setrequest header(' X-Requested-With ',' XMLHttpRequest ');formData.append('name '),document.getElementById('text ').值);formData.append('file '),document.getElementById('file ').文件[0]);xmlhttp。发送(表单数据);xmlhttp。onreadystatechange=function(){ if(xmlhttp。readystate==4){ if(xmlhttp。状态==200){控制台。日志('上传成功xmlhttp。response text);}else { console.log('上传失败xmlhttp。response text);} } } }/script/html以上这篇原生爪哇岛描述语言实现文件异步上传的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

版权声明:原生爪哇岛描述语言实现文件异步上传的实例讲解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。