JavaScript检测浏览器何时接收文件下载

一种可能的解决方案是在客户端上使用Javascript。

客户端算法：

1. 生成随机的唯一令牌。
2. 提交下载请求，并将令牌包括在GET / POST字段中。
3. 显示“正在等待”指示器。
4. 启动一个计时器，然后每隔一秒钟左右，查找一个名为“ fileDownloadToken”（或您决定的内容）的cookie。
5. 如果cookie存在，并且其值与令牌匹配，则隐藏“等待”指示符。

服务器算法：

1. 在请求中查找GET / POST字段。
2. 如果它具有非空值，则删除一个cookie（例如“ fileDownloadToken”），并将其值设置为令牌的值。

客户端源代码（Javascript）：

function getcookie( name ) {  var parts = document.cookie.split(name + "=");  if (parts.length == 2) return parts.pop().split(";").shift();}function expirecookie( cName ) {    document.cookie =         enpreURIComponent(cName) + "=deleted; expires=" + new Date( 0 ).toUTCString();}function setCursor( docStyle, buttonStyle ) {    document.getElementById( "doc" ).style.cursor = docStyle;    document.getElementById( "button-id" ).style.cursor = buttonStyle;}function setFormToken() {    var downloadToken = new Date().getTime();    document.getElementById( "downloadToken" ).value = downloadToken;    return downloadToken;}var downloadTimer;var attempts = 30;// Prevents double-submits by waiting for a cookie from the server.function blockResubmit() {    var downloadToken = setFormToken();    setCursor( "wait", "wait" );    downloadTimer = window.setInterval( function() {        var token = getcookie( "downloadToken" );        if( (token == downloadToken) || (attempts == 0) ) { unblockSubmit();        }        attempts--;    }, 1000 );}function unblockSubmit() {  setCursor( "auto", "pointer" );  window.clearInterval( downloadTimer );  expirecookie( "downloadToken" );  attempts = 30;}

服务器代码示例（PHP）：

$TOKEN = "downloadToken";// Sets a cookie so that when the download begins the browser can// unblock the submit button (thus helping to prevent multiple clicks).// The false parameter allows the cookie to be exposed to Javascript.$this->setcookieToken( $TOKEN, $_GET[ $TOKEN ], false );$result = $this->sendFile();

哪里：

public function setcookieToken(    $cookieName, $cookievalue, $httponly = true, $secure = false ) {    // See: http://stackoverflow.com/a/1459794/59087    // See: http://shiflett.org/blog/2006/mar/server-name-versus-http-host    // See: http://stackoverflow.com/a/3290474/59087    setcookie(        $cookieName,        $cookievalue,        2147483647, // expires January 1, 2038        "/",        // your path        $_SERVER["HTTP_HOST"], // your domain        $secure,    // Use true over HTTPS        $httponly   // Set true for $AUTH_cookie_NAME    );}