Download a file and reload a page once the file is downloaded

Question

I am trying to download a file and then reload the page.

The issue is that this code works only when the file download is completed within a second.
If the file is any bigger the first request to download the file seems to be blocked by the second request.

javascript:

//downloads the file
function updateAndDownload() {

  var link = document.createElement('a');
  link.href = "updateAndDownloadFile.rails?id=$ID";
  document.body.appendChild(link);
  link.click();
  PageReload();
}
//wait for a second and refresh the page
function PageReload() {
  setTimeout(function() {
    refreshPage();
  }, 1000);
}

function refreshPage() {
  // Close dialog.
  Control.Modal.close();

  // Reload.
  window.location.href = "index.rails?id=" + ID
}

I expect the file to be downloaded and the page to be refreshed maybe back to back or at the same time

I did modify your sentence with what I thought I understood. However, I am not 100% sure of my own understanding, so if I misinterpreted your message, feel free to [edit] again your question. — Kaiido, Apr 05 '19 at 05:33
I'm sure there are dupes of this... Can't find thme right now though... There is [this one](https://stackoverflow.com/questions/27991634/completion-status-of-html5-download), with no answer... — Kaiido, Apr 05 '19 at 05:39

score 0 · Accepted Answer · answered Apr 05 '19 at 05:35

0

instead of this..

// Reload. "window.location.href = "index.rails?id=" + ID"

use this... it works on my program //Reload "window.location.reload(true);"

answered Apr 05 '19 at 05:35

Cj Pascual

26
2

score 0 · Answer 2 · answered Apr 05 '19 at 05:42

Can you try with adding target attribute to link.

function updateAndDownload() {

  var link = document.createElement('a');
  link.href = "updateAndDownloadFile.rails?id=$ID";
  
  /** Add this line **//
  link.target = '_blank';
  
  document.body.appendChild(link);
  link.click();
  PageReload();
}
//wait for a second and refresh the page
function PageReload() {
  setTimeout(function() {
    refreshPage();
  }, 1000);
}

function refreshPage() {
  // Close dialog.
  Control.Modal.close();

  // Reload.
  window.location.href = "index.rails?id=" + ID
}

Download a file and reload a page once the file is downloaded

2 Answers2