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

/** * var upLoad = new UpLoadFileXHR({url:'/cgi-bin/upload_img_fdfs', name:'Filedata'}); * url : 上传数据路径 * name: 后台读取数据的 name * XHR : google.gears or new XMLHttpRequest() * format : 上传格式正则表达式 * * * Methods * .onerror function 出现错误 * .onloadstart function 传送开始 Parameter Event对象 (如果使用 google.gears 没有此方法) * .onprogress function 传送进度 Parameter Event对象 * .onreadystatechange function 状态 Parameter this.XHR */ var upLoad = new UpLoadFileXHR({url:'/cgi-bin/upload_img_fdfs', name:'Filedata'}); upLoad.format = /jpg|gif|jpeg|png/; // 设置上传格式 //定义格式出错调用方法 upLoad.onformaterror = function(){ alert('上传格式错误，仅支持[jpg|gif|jpeg|png] 格式！'); } // 定义上传状态方法 // 这里就跟使用XMLhttprequest对象一样操作时间就可以了 upLoad.onreadystatechange = function(){ if(upLoad.XHR.readyState == 4){ log(upLoad.XHR.responseText); } } // 开始上传 upLoad.onloadstart = function(f){ // 开始上传 } // 取得实时上传进度 upLoad.onprogress = function(e){ /* * e.loaded 已经上传的数据大小 * e.total 总大小 * Math.round((e.loaded * 100) / e.total) 数据上传百分比 */ log('已经上传了 '+ Math.round((e.loaded * 100) / e.total) +'%') }

/* * 我们只需要 ondrop 事件 * ondragenter 和 ondragover 直接绑定 stopPrevent 方法取消掉默认动作 * ondrop 绑定 start 方法注意这里一定要用call把 this 指向 你实例化的对象 */ elem.ondragenter = upLoad.stopPrevent; elem.ondragover = upLoad.stopPrevent; elem.ondrop = function(e){upLoad.stopPrevent(e);upLoad.start.call(upLoad, e)};