Why saveAs() in JavaScript does not work for me?

Question

I need to save a graph to a JSON file. Before doing that, I wrote a very simple HTML/JavaScript to test it out (just use a simple string for the JSON).

Based on the suggestion in a Stack Overflow posting, I use saveAs() method. But it looks like saveAs() does not work and no file is created. I am using Internet Explorer and Window 10.

In order to debug it, I inserted 3 window.alert() calls. The first 2 window.alert() calls pop up correctly, however, the 3rd window.alert() call does not show up at all. So I am afraid that the code is aborted at the saveAs() call.

The following is my code:

<html>
<head>
<title>Save</title>
<script>

function save() 
{ 
window.alert("I am here 1");
var jsonBlob = new Blob([JSON.stringify("kiki")], { type: 'application/javascript;charset=utf-8' });
window.alert("I am here 2");
saveAs(jsonBlob, "testout.json");
window.alert("I am here 3");
} 

</script> 
</head>
<body> 
<form name="myform"> 
<input type="button" onClick="save();" value="Save">
</form> 
</body>
</html>

I am wondering why saveAs() does not work for me? Am I missing something here? Do I need to add something to my computer in order to use saveAs() method?

Thank you very much for your advice!

Are you showing all of your code? You need to define saveAs. — Chris
– Chris, Commented Mar 19, 2017 at 3:53
"Based on the suggestion in a Stack Overflow posting" Can you link to the post? saveAs is not a built-in function. — Felix Kling
– Felix Kling, Commented Mar 19, 2017 at 3:54
Include FileSaver script. saveAs is not a default API, it's a library's command. But note that in IE, you've got msSaveBlob API, which doesn't need a lib (only available in IE). — Kaiido
– Kaiido, Commented Mar 19, 2017 at 3:54
Your browser's console is where you can check for errors in such cases. — Ritik Saxena
– Ritik Saxena, Commented Mar 19, 2017 at 4:18
Thanks a lot everyone! Your advice is very helpful! By including FileSaver.js, it works now. Thanks again! — qcx
– qcx, Commented Mar 20, 2017 at 3:24

anis programmer · Accepted Answer · 2017-03-19 05:26:38Z

7

You are a little bit error in saveAs. Code is given below:

 <html>
    <head>
    <title>Save</title>
    <script>

    function save() 
    { 
    window.alert("I am here 1");
    var jsonBlob = new Blob([JSON.stringify("kiki")], { type: 'application/javascript;charset=utf-8' });
    window.alert("I am here 2");
   var link=window.URL.createObjectURL(jsonBlob);
    window.location=link;
    window.alert("I am here 3");
    } 

    </script> 
    </head>
    <body> 
    <form name="myform"> 
    <input type="button" onClick="save();" value="Save">
    </form> 
    </body>
    </html>

Also you can see this: http://eligrey.com/demos/FileSaver.js/

edited Mar 19, 2017 at 5:26

answered Mar 19, 2017 at 5:06

anis programmer

9991 gold badge10 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

qcx Over a year ago

Thanks a lot for your advice! By including FileSaver.js, it works now. Thanks again!

anis programmer Over a year ago

@qcx if it is solved your problem,then please accept my answer.

AmanVirdi · Accepted Answer · 2019-04-26 05:53:29Z

2

Convert into excel sheet using JavaScript

var excelBlob = new Blob([response], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" }, "excel.xlsx");     
var link=window.URL.createObjectURL(excelBlob);
window.location=link;

edited Apr 26, 2019 at 5:53

AmanVirdi

1,6852 gold badges23 silver badges33 bronze badges

answered Jun 29, 2018 at 9:43

Suraj Gulhane

412 bronze badges

Collectives™ on Stack Overflow

Why saveAs() in JavaScript does not work for me?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related