Generating HTML file (or Zip with html inside) for user to download

Question

I want to create a website, where user fills out the form and after submitting I want to generate a html file for him with the data he filled and then allow him to download this file.

Is it possible with JS without server side JS?

Why not email this to the user instead of downloading? Downloading files (especially without the user asking for it, eg. a download page, is not a smart idea) — Joppe De Cuyper, Jul 11 '18 at 09:40
u can take somme goods ideas in this post [Generate csv file in js](https://stackoverflow.com/questions/50536028/generate-csv-file-from-javascript-under-ie11) — YannickIngenierie, Jul 11 '18 at 09:43

score 3 · Accepted Answer · answered Jul 11 '18 at 09:46

3

You can create a link where href property is an encoded URI.

let exampleText ="My Name\nMy Surname\nMy Town\n"
let localfile = "data:text/plain;charset=utf-8," + encodeURIComponent(exampleText);

document.getElementById("linkfile").setAttribute("href", localfile);

<a id="linkfile" download="myInfo.txt">Click here to download</a>

answered Jul 11 '18 at 09:46

davidonet

660
4
17

Sound like a cimple enough solution, will test and check as accepted if it's gonna do the trick! – MazMat Jul 11 '18 at 10:23
Could you validate the answer, please – davidonet Oct 14 '18 at 08:14

score 0 · Answer 2 · answered Jul 11 '18 at 13:50

If you want to do it JUST frontend side. You could use zip.js to convert those files into a zip, then convert it into a binary array, then convert it into a blob file, and prompt for download using this question.

You may have to casts your html files into DOM "File"s, this might be very slow on mobile since all processing will be done on client side.

Generating HTML file (or Zip with html inside) for user to download

2 Answers2