<script type="text/javascript" src="UpLoadFileXHR.js"></script>

/**
* var upLoad = new UpLoadFileXHR({url:'/cgi-bin/upload_img_fdfs', name:'Filedata'});
* url : 上傳數(shù)據(jù)路徑
* name: 后臺(tái)讀取數(shù)據(jù)的 name
* XHR : google.gears or new XMLHttpRequest()
* format : 上傳格式正則表達(dá)式
*
*
* Methods
* .onerror function 出現(xiàn)錯(cuò)誤
* .onloadstart function 傳送開(kāi)始 Parameter Event對(duì)象 (如果使用 google.gears 沒(méi)有此方法)
* .onprogress function 傳送進(jìn)度 Parameter Event對(duì)象
* .onreadystatechange function 狀態(tài) Parameter this.XHR
*/
var upLoad = new UpLoadFileXHR({url:'/cgi-bin/upload_img_fdfs', name:'Filedata'});
upLoad.format = /jpg|gif|jpeg|png/; // 設(shè)置上傳格式
//定義格式出錯(cuò)調(diào)用方法
upLoad.onformaterror = function(){
alert('上傳格式錯(cuò)誤，僅支持[jpg|gif|jpeg|png] 格式！');
}
// 定義上傳狀態(tài)方法
// 這里就跟使用XMLhttprequest對(duì)象一樣操作時(shí)間就可以了
upLoad.onreadystatechange = function(){
if(upLoad.XHR.readyState == 4){
log(upLoad.XHR.responseText);
}
}
// 開(kāi)始上傳
upLoad.onloadstart = function(f){
// 開(kāi)始上傳
}
// 取得實(shí)時(shí)上傳進(jìn)度
upLoad.onprogress = function(e){
/*
* e.loaded 已經(jīng)上傳的數(shù)據(jù)大小
* e.total 總大小
* Math.round((e.loaded * 100) / e.total) 數(shù)據(jù)上傳百分比
*/
log('已經(jīng)上傳了 '+ Math.round((e.loaded * 100) / e.total) +'%')
}

/*
* 我們只需要 ondrop 事件
* ondragenter 和 ondragover 直接綁定 stopPrevent 方法取消掉默認(rèn)動(dòng)作
* ondrop 綁定 start 方法注意這里一定要用call把 this 指向 你實(shí)例化的對(duì)象
*/
elem.ondragenter = upLoad.stopPrevent;
elem.ondragover = upLoad.stopPrevent;
elem.ondrop = function(e){upLoad.stopPrevent(e);upLoad.start.call(upLoad, e)};