• 技术文章 >web前端 >js教程

    网页下载文件期间如何防止用户对网页进行其他操作_jquery

    2016-05-16 16:43:05原创785
    做网页下载文件时,有时候文件过大,生成文件需要一段时间。这个时候要防止用户对网页进行其他操作,有种方法就是使用一个div覆盖在网页上,将网页锁住。

    function lockScreen() 
    { 
    sWidth=$(window).width(); 
    sHeight=$(window).height(); 
    var bgObj=document.createElement("div"); 
    bgObj.setAttribute('id','bgDiv'); 
    bgObj.style.position="absolute"; 
    bgObj.style.top="0"; 
    bgObj.style.background="#CCCCCC"; 
    bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; 
    bgObj.style.opacity="0.6"; 
    bgObj.style.left="0"; 
    bgObj.style.width=sWidth + "px"; 
    bgObj.style.height=sHeight + "px"; 
    if(sWidth < 860) 
    { 
    bgObj.style.width="860px"; 
    } 
    bgObj.style.zIndex = "10000"; 
    document.body.appendChild(bgObj); 
    }

    使用如上函数可以锁住页面防止多次操作,要直到下载框出现时取消锁屏。

    在服务器端(cgi)中设置cookie:

    char *configDownloadToken = "finishedDownloadFile"; 
    printf("Content-Type: application/octet-stream\nContent-Length: %ld\n", s.st_size); 
    printf( "Set-Cookie:configDownloadToken=%s; path=/; \r\n ",configDownloadToken); 
    printf("Content-Disposition: attachment; filename=\"%s\"\n", strrchr(filename,'//m.sbmmt.com/m/') + 1); 
    printf("Connection: close\n\n");

    在客户端(html、js)导入插件jquery.cookie.js,在html文件中要包含此插件,js文件中定时获取cookie

    var configDownloadCheckTimer; 
    $(document).ready(function () { 
    configDownloadCheckTimer = window.setInterval(function() { 
    var cookieValue = $.cookie('configDownloadToken'); 
    if (cookieValue === "finishedDownloadFile") 
    { 
    refreshPage(); 
    finishDownload(); 
    } 
    }, 1000); 
    }); 
    
    function finishDownload() { 
    window.clearInterval(configDownloadCheckTimer); 
    $.removeCookie('configDownloadToken'); //clears this cookie value 
    } 

    这样就可以了。

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:下载文件
    上一篇:jquery的clone方法应用于textarea和select的bug修复_jquery 下一篇:document.forms用法示例介绍_javascript技巧
    Web大前端开发直播班

    相关文章推荐

    • 聊聊node中的fs模块、path模块• ie8是否支持es6• 聊聊Angular中组件之间怎么通信• 浅析Angular中怎么用 Api 代理• Angular如何对请求进行拦截封装?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网