Save Data URI as file using downloads.download() API

Question

Update I have solved this problem (thanks to @DanielHerr) by using a Blob URL / Object-URL (`URL.createObjectURL(blob)`), however I am still curious to why this error exists when using `data:` URLs I am creating a extension using the WebExtensions API, for both Chrome and Firefox. The extension gathers data over time, and I would like to implement a feature to export it as a CSV file. I tried using `downloads.download()` to download the file, however I get the error: Error: Type error for parameter options (Error processing url: Error: Access denied for URL `data:text/csv;charset=utf-8;base64,{data...}`) for downloads.download. I have tried adding `"<all_urls>"` to the `permissions` key in the `manifest.json`, however that makes no difference whatsoever. This is the code I am using: ``` var csv = 'Hello, World!' // Real data goes here var url = 'data:text/csv;charset=utf-8;base64,' + window.btoa(unescape(encodeURIComponent(csv))) chrome.downloads.download({'url': url}) ``` I cannot se…

Accepted Answer

I solved the problem by using a Blob URL / Object-URL instead of a Data URI:

```
var csv = 'foo,bar,baz'
var blob = new Blob([csv], {type: "text/csv;charset=utf-8"})

chrome.downloads.download({
    'url': URL.createObjectURL(blob),
    'filename': 'file.csv',
})
```

Save Data URI as file using downloads.download() API

Solution

Problem