xmlHttpRequest对象的使用并通过form表单post传递file类型数据

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);
        }
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容