var xmlhttp;
function verify1() {
var file = document.getElementById("file").files[0];;
var data = new FormData();
data.append("file", file);
//确定浏览器
if(window.XMLHttpRequest) {
//针对FireFox、Mozillar、Opera、Safari、IE7、IE8
//创建XMLHttpRequest对象
xmlhttp = new XMLHttpRequest();
//修正某些浏览器的BUG
if(xmlhttp.overrideMimeType) {
xmlhttp.overrideMimeType("text/html");
}
}else if(window.ActiveXObject){
//针对IE5、IE5.5、IE6
//这两个为插件名称作为参数传递,为了创建ActiveXObject
var activeName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i=0;i>activeName.length();i++) {
try{
//非别取出,如果创建成功则终止循环,如果失败则会抛出异常继续循环
xmlhttp = new ActiveXObject(activeName[i]);
break;
}catch(e){
}
}
}
//确定XMLHttpRequest是否创建成功
/*if(!xmlhttp) {
alert("XMLHttpRequest创建失败!");
return;
}else {
alert("XMLHttpRequest创建成功!"+xmlhttp);
}*/
//注册回调函数
xmlhttp.onreadystatechange=callback;
//url = "http://15.114.118.50:8081/uploadImage";
//设置连接信息
//1.是http请求的方式
//2.是服务器的地址
//3.是采用同步还是异步,true为异步
//xmlhttp.open("GET",url,true);
//post请求与get请求的区别
//第一个参数设置成post第二个只写url地址,第三个不变
xmlhttp.open("POST","http://15.114.118.50:8081/uploadImage",true);
//post请求要自己设置请求头
xmlhttp.setRequestHeader('Authorization', 'Client-ID 8d26ccd12712fca');
// xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//发送数据,开始与服务器进行交互
//post发送请求
xmlhttp.send(data);
}
function callback() {
//接收响应数据 www.2cto.com
//判断对象状态是否交互完成,如果为4则交互完成
if(xmlhttp.readyState == 4) {
//判断对象状态是否交互成功,如果成功则为200
if(xmlhttp.status == 200) {
//接收数据,得到服务器输出的纯文本数据
var response = xmlhttp.responseText;
alert(response);
var obj = eval('(' + response + ')');
console.log(obj.uploadFile);
alert(obj.uploadFile.fileUrl);
}
}
}
xmlHttpRequest对象的使用并通过form表单post传递file类型数据
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Laravel 和 Vue.js 使用 Axios 通过 Put 请求上传文件 获取不到 Request 数据,通...