简便无刷新文件上传系统
发布时间:2017-09-15 编辑:www.jquerycn.cn
jquery中文网为您提供简便无刷新文件上传系统等资源,欢迎您收藏本站,我们将为您提供最新的简便无刷新文件上传系统资源
<script> var qus = [], count = 0, table = $$("idTable"), model = table.removeChild(table.rows[0]); function add(){ var row = model.cloneNode(true), inputs = row.getElementsByTagName("input"), file = inputs[0], title = inputs[1], spans = row.getElementsByTagName("span"), msgfile = spans[0], msgtitle = spans[1], msg = spans[2], a = row.getElementsByTagName("a")[0], qu = new QuickUpload(file, { action: "Files.ashx", timeout: 6, onReady: function(){ count ; show("上传中.."); a.innerHTML = "停止"; a.onclick = function(){ qu.stop(); return false; }; //设置表单 this.parameter.title = title.value; file.style.display = title.style.display = "none"; msgfile.innerHTML = file.value; msgtitle.innerHTML = title.value; }, onFinish: function(iframe){ try{//处理返回信息(需要后台配合) var info = eval("(" iframe.contentWindow.document.body.innerHTML ")"); show("上传完成"); }catch(e){//获取数据出错 show("上传失败"); stop(); return; } count--; CheckBtn(); row.cells[0].innerHTML = "" info.name ""; row.cells[1].innerHTML = info.name; a.innerHTML = "下载"; a.href = info.path; a.onclick = null; //销毁程序 this.dispose(); }, onStop: function(){ show("已经停止"); stop(); }, onTimeout: function(){ show("上传超时"); stop(); } }); a.onclick = reset function stop(){ count--; CheckBtn(); a.innerHTML = "重置"; a.onclick = reset; file.style.display = msgfile.innerHTML = title.style.display = msgtitle.innerHTML = ""; } function reset(){ show("选择文件"); ResetFile(file); return false; } function show(m){ msg.innerHTML = m; } file.onchange = function(){ show(this.value ? "准备上传" : "选择文件"); } qus.push(qu); table.appendChild(row); } add(); add(); add(); $$("idAdd").onclick = function(){ qus.length >= 6 ? alert("不要太贪心啦") : add(); } $$("idQuick").onclick = function(){ $$A.filter(qus, function(qu){ qu.upload(); }); CheckBtn(); } function CheckBtn(){ $$("idNormal").disabled = $$("idQuick").disabled = !!count; } function ResetFile(file){ file.value = "";//ff chrome safari if ( file.value ) { if ( $$B.ie ) {//ie with(file.parentNode.insertBefore(document.createElement('form'), file)){ appendChild(file); reset(); removeNode(false); } } else {//opera file.type = "text"; file.type = "file"; } } } </script> </body> </html></textarea>
提示:您可以先修改部分代码再运行
您可能感兴趣的文章:
php文件上传代码大全(实例分享)
简便无刷新文件上传系统
JSP 自动刷新
web安全之文件上传漏洞攻击与防范方法
ASP与PHP本地服务器环境构建注意事项
INTERNET邮件系统
Ideapad U410在Windows 7系统下显卡驱动无法安装或安装不上的解决方案
你了解浏览器的刷新原理吗
显示器一闪一闪黑屏问题解决办法
php无刷新文件上传程序代码