html download attribute not working in Chrome

Question

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

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
@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
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
How big was the produced data: URL? Could be https://stackoverflow.com/questions/36918075/is-it-possible-to-programmatically-detect-size-limit-for-data-url/36951356#36951356 — Kaiido, Apr 03 '23 at 00:58

SUHEL MAKKAD · Answer 1 · 2023-04-03T00:15:50.443

-1

Check your network tab, your network call might get canceled as the node is now not available

edited Apr 03 '23 at 00:15

answered Nov 10 '22 at 10:17

SUHEL MAKKAD

100
2
5

html download attribute not working in Chrome

1 Answers1