Question

当用户点击我的下载链接时，点击之间会有一点暂停，当用户浏览器中弹出下载对话框时，这是因为我的服务器正在创建一堆文件的zip，这可能需要一些时间而

所以，我想在此期间放置一个加载微调器并禁用链接，以防止用户再次敲击下载链接。唯一的问题是我需要重新启用链接并隐藏微调器，但我不知道在下载弹出窗口时我怎么知道。

我使用隐藏的iframe来触发下载，并且onload / onsubmit事件似乎在显示弹出窗口之前触发，即iframes src属性设置或iframes添加到DOM。

任何想法如何解决这个问题？

Answer 1

根据“ok”或“error”字符串的iframe页面的服务器端返回一个字符串。

检查iFrame的更改：

$("iframe#uploadProcessor").load(function(){
       if($(this).text().indexOf("Error") > -1){
          console.log($(this).html());
       }else{
          var wrapper = $("div#main div#closets.tabContent div#UploadFormWrapper");
           if(wrapper.hasClass('Active')){
                  wrapper.animate({"height":"0px"}, {"queue": false, "duration": 400}).fadeOut(375, function(){
                           wrapper.removeClass('Active');
                          });
                    }
                           require(["AJAX"], function(AJAX){
                               AJAX.ajaxUpdateCloset($("form#UploadForm select#OutfitCloset")[0].value);
                           });
                       }
                       $("div#main div#closets.tabContent form#UploadForm")[0].reset();
                   });

通过隐藏的iframe下载文件 - 如何判断下载是否完成/失败/中止？

1 个答案: