Looking To Save A Client-side Generated Binary File To Client Machine

I need to save a large set of client-side generated data (binary) to the client system. I looked at creating a Data URI, but the datasize is large (an app-generated image PDF files

Solution 1:

If you want to start a download this is the way to go:

1. If you have more than one file to save: Pack it into a zip file. I wrote a dart based zip library (available at https://github.com/roberthartung/zip.dart). They key point is to use the zip file format for archiving data and not for compression (because this is really slow).

2. If you have only one file (zip or any other format) you can load it into a blob and let the user download the blob like this:

Code

Blobblob=newBlob(...);
AnchorElement a =new AnchorElement();
a.style.display ='none';
document.body.append(a);
String url = Url.createObjectUrlFromBlob(blob);
a.href = url;
a.download = "file.name";
a.click();
Url.revokeObjectUrl(url);

For chrome only there is the deprecated FileSystem API, which you could use to save persistent data, but I guess you want a download.