隠しiframe経由でファイルをダウンロードする - ダウンロードが完了したか失敗したかを知る方法を教えてください。

Question

ユーザーがダウンロードリンクをクリックすると、クリックとダウンロードダイアログがユーザーのブラウザでポップアップしたときに若干の一時停止が発生します。これは、私のサーバーが多数のファイルをまとめて作成していて、 。

私はロードスピナーを配置して、この時間にリンクを無効にして、ユーザーがダウンロードリンクを再び叩くのを防ぐようにします。リンクを再度有効にしてスピナーを非表示にするだけの問題はありますが、ダウンロードポップアップがいつ表示されるかはわかりません。

ダウンロードしてトリガーするために非表示のiframeを使用し、の前に、つまりiframeのsrc属性が設定されているか、iframeがdomに追加されているときにonload/onsubmitイベントが発生しているようです。

どのようにすればいいですか？

Answer 1

"ok"または "error"文字列のiframeページのserversideに基づいて文字列を返します。

変更の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(); 
        });