html download attribute not working in Chrome

Asked Dec 14 '17 at 20:21

Active Dec 14 '17 at 20:21

Viewed 313 times

I allow the user to download a .json file using:

function downloadObjectAsJson(exportObj, exportName){
  var dataStr = "data:text/json;charset=utf-8," + 
  encodeURIComponent(JSON.stringify(exportObj));
  var downloadAnchorNode = document.createElement('a');
  downloadAnchorNode.setAttribute("href", dataStr);
  downloadAnchorNode.setAttribute("download", exportName + ".ipynb");
  downloadAnchorNode.click();
  downloadAnchorNode.remove();
}

This works perfectly in Safari, but in Chrome I get the following popup message:

There is no application set to open the document

asked Dec 14 '17 at 20:21

Cybernetic

11,188
15
76
114

Does it make a difference if you append it to the DOM? – epascarello Dec 14 '17 at 20:27
also, I think your content type is wrong – epascarello Dec 14 '17 at 20:28
1

Does this work for you? [jsFiddle](https://jsfiddle.net/e39xz0t2/) Also do you have the "Always open files of this type" checked in Chrome? – Namaskar Dec 14 '17 at 20:31
Same problem. The popup appears. – Cybernetic Dec 14 '17 at 21:24
@epascarello my content type is set to json, which is correct. – Cybernetic Dec 14 '17 at 21:26
@Cybernetic that is not the correct content type for JSON https://stackoverflow.com/questions/477816/what-is-the-correct-json-content-type – epascarello Dec 14 '17 at 21:32
data:text/json is not the right content type for json? – Cybernetic Dec 14 '17 at 22:52
and keep in mind, this works perfectly in Safari – Cybernetic Dec 14 '17 at 22:58
Sorry if this is a stupid question, but do you have the program required to open up a `.ipynb` file? – Namaskar Dec 15 '17 at 22:27
Yes, jupyter notebooks. As I said, this works in safari so it has to be an issue with Chrome. Their last update broke the ability to download ipynb files. I am now using JSZIP to zip the file first and it works fine. – Cybernetic Dec 16 '17 at 03:11

html download attribute not working in Chrome

0 Answers0