찾다
웹 프론트엔드JS 튜토리얼웹 페이지가 files_jquery를 다운로드하는 동안 사용자가 웹 페이지에서 다른 작업을 수행하는 것을 방지하는 방법

웹페이지에서 파일을 다운로드할 때 파일이 너무 커서 파일을 생성하는 데 시간이 오래 걸릴 때가 있습니다. 이때, 사용자가 웹 페이지에서 다른 작업을 수행하지 못하도록 하려면 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)에서 쿠키 설정:

<pre name="code" class="cpp">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,'/') + 1); 
printf("Connection: close\n\n");

클라이언트 측(html, js)에서 jquery.cookie.js 플러그인을 가져오고, 이 플러그인을 html 파일에 포함하고, js 파일에서 정기적으로 쿠키를 얻습니다.

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으로 문의하세요.
vivo浏览器下载的文件在哪vivo浏览器下载的文件在哪Feb 23, 2024 pm 08:55 PM

vivo浏览器下载的文件在哪?vivo浏览器中下载的文件是会储存在专属的位置,但是多数的小伙伴不知道vivo浏览器下载文件的位置在哪里,接下来就是小编为用户带来的vivo浏览器下载文件打开方法图文教程,感兴趣的用户快来一起看看吧!vivo手机使用教程vivo浏览器下载的文件在哪1、首先打开浏览器APP,然后进入到浏览器主界面最底部点击【菜单】;2、之后下方展开功能栏,点击【下载记录】选项;3、接着在下载记录的界面,选择【下载完成】字样;4、选择你需要查看下载文件的位置,点击后方的【打开】按钮;5

迅雷ed2k怎么下载文件?迅雷ed2k使用方法教程迅雷ed2k怎么下载文件?迅雷ed2k使用方法教程Mar 14, 2024 am 10:50 AM

  迅雷ed2k怎么下载文件?ed2k作为一种常见的共享文件,很多的用户们在下载的时候会遇到不支持下载的情况发生,那么迅雷要怎么下载?下面就让本站来为用户们来介绍一下迅雷ed2k使用方法教程吧。  迅雷ed2k使用方法教程  1、复制ed2k链接。  2、打开“迅雷”点击左上角“+”。  3、复制链接点击“立即下载”即可。

苹果手机qq下载的文件在哪苹果手机qq下载的文件在哪Mar 08, 2024 pm 02:50 PM

QQ作为一款广受欢迎的即时通讯软件,几乎每个人都拥有一个QQ号码。使用苹果手机时,可能会遇到文件存储和查找的困难。一般来说,这些文件存储在对应应用程序目录下的Documents文件夹中。苹果手机qq下载的文件在哪1、首先打开iPhone手机上的QQ应用,点击个人头像进入个人页面。2、在个人页面下方的菜单中,选择【我的文件】并点击打开。3、然后进入【本机文件】,查看手机上QQ保存的文件。4、在本机文件中,点击查看按钮即可查看下载的文件信息。

小红车创意工坊下载的文件在哪小红车创意工坊下载的文件在哪Mar 20, 2024 am 09:47 AM

用户可以使用小红车创意工坊下载各种壁纸,有很多用户不知道小红车创意工坊下载的文件在哪,用户可以在content下找到找到带数字的文件夹,下载的文件都在这里。小红车创意工坊下载的文件在哪答:在本地文件夹-steamapps-workshop-content里。1、打开steam,找到WallpaperEngine:壁纸引擎。2、右键点击管理,再点击浏览本地文件。3、打开文件夹,点击steamapps。4、点击workshop。5、点击content。6、找到带数字的文件夹。7、所有下载好的壁纸都在

如何在Windows 11系统中设置下载文件的保存磁盘如何在Windows 11系统中设置下载文件的保存磁盘Apr 20, 2024 pm 06:32 PM

对于初次接触Windows11系统的用户而言,通常文件下载路径会遵循系统默认设定,往往将文件保存在系统盘内,长期下来可能会因占用过多系统盘空间而影响电脑的整体性能。为了更合理地管理和分配存储空间,学会如何在Windows11系统中自定义下载文件的保存磁盘至关重要。本文将详细解读在Windows11中如何灵活设置下载文件的目标磁盘,以满足用户个性化的存储需求。如果您正有此需求,不妨继续阅读,我们将为您详细介绍这一实用功能的操作步骤。操作方法1、双击打开桌面上的"此电脑"。2、接着找到新界面左侧栏中

在PHP中通过AJAX调用下载文件在PHP中通过AJAX调用下载文件Sep 05, 2023 am 11:33 AM

使用Ajax下载文件被认为不是一个好主意。相反,应使用window.location=或document.location。'window.location'具有以下特点-需要启用JavaScript不需要PHP。它有助于显示内容网站,并在几秒钟后重定向用户。重定向可以取决于任何条件,例如-$success=1if($success){&nbsp;&nbsp;window.location.href=&#39;http://example.com&#39;;}名为

爱思助手如何找到下载好的文件-爱思助手找到下载好文件的方法爱思助手如何找到下载好的文件-爱思助手找到下载好文件的方法Mar 05, 2024 am 10:20 AM

想必在座的很多用户和小编一样都喜欢使用爱思助手软件,不过你们晓得爱思助手如何找到下载好的文件吗?下文就是小编为各位带来的爱思助手找到下载好文件的方法,感兴趣的用户快来下文看看吧。我们双击程序,直接来到爱思助手的主页面上。我先做一下测试,先下载一个程序,点击上边的软件资源选项。我下载一个手机百度的程序,点击后面的安装,就开始安装了,我们需要稍等一下下载的速度,由我们家里的电脑网速决定的。下载完成之后,我们点击上边的打开目录的选项卡,直接来到本地下载完成的目录然后我们直接就可以看见,我们下载的好的文

Python下载文件后路径丢失的解决方法分享Python下载文件后路径丢失的解决方法分享Apr 04, 2024 am 08:39 AM

使用pathlib模块解决Python下载文件后路径丢失问题:创建pathlib的Path对象,指定要下载文件的路径。使用requests库下载文件并保存到指定路径。使用Path.resolve()方法获取文件的绝对路径。使用绝对路径访问或处理下载的文件。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.