CODEWITHSUNDEEP
google-chrome-extension
mpen
mpen

Reputation: 282805

How to generate a file for download in a Google Chrome Extension?

I want to generate a CSV file as the result of some user interactions and then prompt the user to download it. How can I do that?

I don't think it's possible in straight JS, but perhaps Chrome gives me some elevated privileges?

Upvotes: 12

Views: 7719

Answers (3)

Jonatan Kaźmierczak
Jonatan Kaźmierczak

Reputation: 1911

I needed to do exactly the same recently - generating file and enforcing its download in Chrome extension. Here you are a code snippet doing that, using ES6 and the recommended methods:

let docContent = ... /* your content */;
let doc = URL.createObjectURL( new Blob([docContent], {type: 'application/octet-binary'}) );
chrome.downloads.download({ url: doc, filename: filename, conflictAction: 'overwrite', saveAs: true });

You also have to declare a proper privilege in manifest.json:

"permissions" : ["downloads"]

Upvotes: 5

Mohamed Mansour
Mohamed Mansour

Reputation: 40149

You can now use HTML5 File API to download a file. It is still in development, but you can use a BlobBuilder and redirect your use to download that file:

var bb = new BlobBuilder();
bb.append(csvContents);
var blob = bb.getBlob(); 
location.href = window.webkitURL.createObjectURL(blob);

For more information regarding the File API, HTML5Rocks has a great tutorial:

http://www.html5rocks.com/tutorials/file/filesystem/

Upvotes: 5

serg
serg

Reputation: 111255

Chrome doesn't provide any help with this, but I think you should be able to trigger a file save dialog using downloadify js library which uses a flash component behind the scenes.

Upvotes: 1

Related Questions