html - How to generate a download file in javascript - Stack Overflow

admin管理员组

文章数量:1287831

I was stuck here not understood go further. some screens works same code but some not.

var element = document.createElement('a'); 
          element.setAttribute('href', 'data:text/html;charset=utf-8,' + encodeURIComponent(strOutput.replaceAll('£', '£'))); 
          element.setAttribute('download',"fpversions"); 
          element.style.display = 'none'; 
          document.body.appendChild(element); 
          element.click(); 
          document.body.removeChild(element);

can anyone help me.

I was stuck here not understood go further. some screens works same code but some not.

var element = document.createElement('a'); 
          element.setAttribute('href', 'data:text/html;charset=utf-8,' + encodeURIComponent(strOutput.replaceAll('£', '£'))); 
          element.setAttribute('download',"fpversions"); 
          element.style.display = 'none'; 
          document.body.appendChild(element); 
          element.click(); 
          document.body.removeChild(element);

can anyone help me.

• javascript
• html
• jsp

Share Improve this question Follow asked Jun 3, 2022 at 13:18 rama raorama rao 8111 gold badge11 silver badge77 bronze badges 1

• Does this answer your question? How to download file with javascript? – Besworks Commented Jun 3, 2022 at 18:48

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

this is a sample javascript code on how to download files via javascript

  var textToSave = 'this is a test';
  var hiddenElement = document.createElement('a');
  hiddenElement.href = 'data:attachment/text,' + encodeURI(textToSave);
  hiddenElement.target = '_blank';
  hiddenElement.download = 'myFile.txt';
  hiddenElement.click();

function myFunction() {
  var textToSave = 'this is a test';
  var hiddenElement = document.createElement('a');
  hiddenElement.href = 'data:attachment/text,' + encodeURI(textToSave);
  hiddenElement.target = '_blank';
  hiddenElement.download = 'myFile.txt';
  hiddenElement.click();
}

<button onclick="myFunction()">Click me</button>

in my case using the idea of robin i put the next code for a url in base64 let url1 = data:application/pdf;base64, ${response.data.c_planilla[0].PLANILLA} var hiddenElement = document.createElement('a'); hiddenElement.href = url1; hiddenElement.target = '_blank'; hiddenElement.download = 'Planilla ARI.pdf'; hiddenElement.click();

本文标签： htmlHow to generate a download file in javascriptStack Overflow