ホームページ ウェブフロントエンド jsチュートリアル Web ページが files_jquery をダウンロードしている間、ユーザーが Web ページ上で他の操作を実行できないようにする方法

Web ページが files_jquery をダウンロードしている間、ユーザーが Web ページ上で他の操作を実行できないようにする方法

May 16, 2016 pm 04:43 PM
ダウンロードファイル

Web ページからファイルをダウンロードする場合、ファイルが大きすぎてファイルの生成に時間がかかることがあります。このとき、ユーザーが Web ページ上で他の操作をできないようにするには、div を使用して Web ページを覆い、Web ページをロックする方法があります。

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 を設定します:

<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 ファイルで定期的に 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 までご連絡ください。

ホット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ヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vivo ブラウザーによってダウンロードされたファイルはどこにありますか? vivo ブラウザーによってダウンロードされたファイルはどこにありますか? Feb 23, 2024 pm 08:55 PM

vivo ブラウザーによってダウンロードされたファイルはどこにありますか? vivo ブラウザーによってダウンロードされたファイルは専用の場所に保存されますが、ほとんどの友人は vivo ブラウザーによってダウンロードされたファイルがどこにあるのか知りません。次に、エディターがそれをユーザーに提供します。 vivo ブラウザからダウンロードしたファイルを開く方法についてのグラフィック チュートリアルです。興味のあるユーザーはぜひご覧ください。 Vivo 携帯電話の使用方法のチュートリアル vivo ブラウザーによってダウンロードされたファイルはどこにありますか? 1. まずブラウザー APP を開き、次にブラウザーのメイン インターフェイスの下部に入り、[メニュー] をクリックします; 2. 次に、下の機能バーを展開し、[ダウンロード] をクリックします。 [録画] オプション; 3、ダウンロード録画インターフェイスで [ダウンロード完了] を選択します; 4. ダウンロードしたファイルを表示する場所を選択し、背面にある [開く] ボタンをクリックします; 5

Thunder ed2k からファイルをダウンロードするにはどうすればよいですか? Thunder ed2k 使い方チュートリアル Thunder ed2k からファイルをダウンロードするにはどうすればよいですか? Thunder ed2k 使い方チュートリアル Mar 14, 2024 am 10:50 AM

Thunder ed2k からファイルをダウンロードするにはどうすればよいですか?一般的な共有ファイルとして、多くのユーザーは ed2k をダウンロードするときにダウンロードがサポートされていない状況に遭遇します。このサイトでは、Thunder ed2k の使用方法に関するチュートリアルをユーザーに紹介します。 Thunder ed2k の使い方チュートリアル 1. ed2k のリンクをコピーします。 2.「Thunder」を開き、左上の「+」をクリックします。 3. リンクをコピーし、「今すぐダウンロード」をクリックします。

Apple QQ からダウンロードしたファイルはどこにありますか? Apple QQ からダウンロードしたファイルはどこにありますか? Mar 08, 2024 pm 02:50 PM

QQ は人気のあるインスタント メッセージング ソフトウェアであり、ほとんどの人が QQ 番号を持っています。 Apple 電話を使用している場合、ファイルの保存と取得で問題が発生する場合があります。通常、これらのファイルは、対応するアプリケーション ディレクトリの [Documents] フォルダに保存されます。 iPhone の QQ からダウンロードしたファイルはどこにありますか? 1. まず iPhone で QQ アプリケーションを開き、個人アバターをクリックして個人ページに入ります。 2. 個人ページ下部のメニューから[マイファイル]を選択し、開くをクリックします。 3. 次に、[ローカル ファイル] と入力して、QQ によって携帯電話に保存されたファイルを表示します。 4. ローカル ファイルで、[表示] ボタンをクリックして、ダウンロードしたファイルの情報を表示します。

Little Red Car Creative Workshop からダウンロードしたファイルはどこにありますか? Little Red Car Creative Workshop からダウンロードしたファイルはどこにありますか? Mar 20, 2024 am 09:47 AM

ユーザーは、Xiaohongche Creative Workshop を使用して、さまざまな壁紙をダウンロードできます。多くのユーザーは、Xiaohongche Creative Workshop でダウンロードしたファイルがどこにあるのか知りません。ユーザーは、コンテンツの下に番号が付いたフォルダーを見つけることができます。ダウンロードされたファイルはすべてここにあります。 Little Red Car Creative Workshop からダウンロードしたファイルはどこにありますか? 回答: ローカル フォルダー -steamapps-workshop-content にあります。 1. Steam を開いて、WallpaperEngine: 壁紙エンジンを見つけます。 2. [管理] を右クリックし、[ローカル ファイルの参照] をクリックします。 3. フォルダーを開き、steamapps をクリックします。 4. 「ワークショップ」をクリックします。 5. 「コンテンツ」をクリックします。 6. 番号のフォルダーを見つけます。 7. ダウンロードした壁紙はすべてそこにあります

Windows 11でダウンロードしたファイルの保存ディスクを設定する方法 Windows 11でダウンロードしたファイルの保存ディスクを設定する方法 Apr 20, 2024 pm 06:32 PM

Windows 11 システムを初めて使用するユーザーの場合、通常、ファイルのダウンロード パスはシステムのデフォルト設定に従い、ファイルはシステム ディスクに保存されることが多く、長期的には占有してコンピューターの全体的なパフォーマンスに影響を与える可能性があります。システムディスク容量が多すぎます。記憶域スペースをより合理的に管理および割り当てるためには、Windows 11 システムでダウンロードしたファイルの保存ディスクをカスタマイズする方法を学ぶことが重要です。この記事では、ユーザーのパーソナライズされたストレージのニーズを満たすために、Windows 11 でダウンロードされたファイルのターゲット ディスクを柔軟に設定する方法について詳しく説明します。これが必要な場合は、読み続けてください。この実用的な機能の詳細な手順を紹介します。操作方法 1. デスクトップ上の「このPC」をダブルクリックして開きます。 2. 次に、左側の列で新しいインターフェイスを見つけます。

PHP の AJAX 呼び出し経由でファイルをダウンロードする PHP の AJAX 呼び出し経由でファイルをダウンロードする Sep 05, 2023 am 11:33 AM

ファイルのダウンロードに Ajax を使用するのは悪い考えだと考えられています。代わりに、window.location= または document.location を使用してください。 「window.location」には次の特性があります - JavaScript を有効にする必要があります PHP は必要ありません。コンテンツ Web サイトを表示し、数秒後にユーザーをリダイレクトするのに役立ちます。リダイレクトは任意の条件に依存します。例: $success=1if($success){ window.location.href='http://example.com';} という名前

Firefox ブラウザがファイルをダウンロードできない問題を解決する方法 Firefox ブラウザがファイルをダウンロードできない問題を解決する方法 Jan 29, 2024 pm 08:12 PM

Firefox がファイルのダウンロードに失敗した場合はどうすればよいですか? Firefox を使用してファイルをダウンロードするときに、ファイルのダウンロードに失敗したことがありますか?この問題には多くの理由があります。不適切なシステム設定、間違ったファイルの内容、ダウンロード リンク上のウイルス レポートなどがこの問題を引き起こす可能性があります。しかし、ほとんどの場合、ダウンロードが失敗する原因は不適切なシステム設定です。復元しますか?正常とは何ですか?以下では、エディターが Firefox ブラウザーでファイルのダウンロードに失敗する場合の解決策を紹介します。 Firefox ブラウザがファイルのダウンロードに失敗する場合の解決策 1. コンピュータで Firefox ブラウザを開き、ホームページに入ります。 2. 矢印の位置をクリックしてドロップダウン メニューに入り、[オプション] をクリックします。 3. オプション ページの左側で、メニューを見つけます。 4. [プライバシーとセキュリティ] をクリックします。 5.

DingTalk でダウンロードしたファイルのアドレスを確認する方法_DingTalk でダウンロードしたファイルのアドレスを確認する方法の紹介 DingTalk でダウンロードしたファイルのアドレスを確認する方法_DingTalk でダウンロードしたファイルのアドレスを確認する方法の紹介 Mar 29, 2024 pm 07:16 PM

1. DingTalk を開き、[ファイル アシスタント] をクリックします。 2. ファイルをクリックして入力します。 3. 左下隅にある「ダウンロード」をクリックします。 4. ファイルストレージの詳細な場所を確認できます。 5. ファイル管理を開き、電話ストレージで DingTalk を検索して、ダウンロードしたファイルを確認します。

See all articles