通过html5 File、XMLHttpRequest实现文件上传

     var xhr = null;
     if(window.ActiveXObject){ //如果是IE浏览器
          xhr = new ActiveXObject("Microsoft.XMLHTTP");
     }else if(window.XMLHttpRequest){ //非IE浏览器
          xhr = new XMLHttpRequest();
     }

     //上传过程中绑定uploadProgress(complete,total,index,evt)方法,即时更新进度条,要传递参数只能通过bind来绑定,且第一个参数为null,evt为当前时间,evt.loaded * 100 / evt.total 已完成的百分比

     xhr.upload.addEventListener("progress", uploadProgress.bind(null,complete,total,index), false);
     xhr.addEventListener("load", uploadComplete.bind(null,uploadId,dataFile,filename,complete,total,index), false);
     xhr.addEventListener("error", uploadFailed, false);
     xhr.addEventListener("abort", uploadCanceled, false);
     var cancelBtn = $('.upload_item').eq(index).find(".upload_btn");
     cancelBtn.on("click",cancelUpload.bind(null,xhr,cancelBtn));
     xhr.open('PUT', "http://***.oss-cn-beijing.aliyuncs.com/.......";//put为这次请求的类型
     xhr.setRequestHeader("Content-Type", dataFile.type);
     xhr.send(data);//data表示要上传的文件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章