Wed, 09 Apr 2025

Universal JS Download Modal Triggering Code

This handy javascript programming takes two incoming arguments, and invokes the download dialogue modal for any text supplied to it. Just provide it with a fileName (to be used when saving the "file"), and fileContents, and see for yourself.

Highlight and copy the Javascript code below, starting with the "function" line, and ending with the very last right-squiggly-bracket that's followed by a semi-colon.

#########################################################
JS Programming Below
#########################################################
function createAndDownloadFile(fileName, fileContent) {

// Create a Blob from the content (assuming it's text data)
const blob = new Blob([fileContent], { type: 'text/plain' });

// Create an object URL for the Blob
const url = URL.createObjectURL(blob);

// Create an anchor element
const a = document.createElement('a');

// Set the download attribute with the specified file name
a.download = fileName;

// Set the href attribute to the Blob URL
a.href = url;

// Append the anchor element to the document body (required for Firefox)
document.body.appendChild(a);

// Trigger a click on the anchor element to start the download
a.click();

// Clean up by removing the anchor element
document.body.removeChild(a);

// Optionally, release the object URL after use to free memory
URL.revokeObjectURL(url);
};
#########################################################
JS Programming Above
#########################################################

0 writeback(s)

home << Programming << Javascript << Universal JS Download Modal Triggering Code

October 2025
Sun	Mon	Tue	Wed	Thu	Fri	Sat
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

  Advanced Search