save-as from JS

Pops the browser save-as dialog for saving a CSV file.

by Shrikrishna Gupta

HTML

<div id="dvData">
  <iframe id="myFrame" style="display:none"></iframe>
</div>
<br/>
<a href="#" download="data.csv" id="btnExport">Export CSV file</a>

JavaScript

// Ref: http://paxcel.net/blog/savedownload-file-using-html5-javascript-the-download-attribute-2/
        function exportToCSV() {

          var csvData;
          var csv = ? Abc,
            DEF, GHI, JKLM ? ;

          // Data URI
          csvData = 'data:text/csv;charset=utf-8,' + csv;

          //For IE
          if (navigator.appName == "Microsoft Internet Explorer") {
            myFrame.document.open("text/html", "replace");
            myFrame.document.write(uuu);
            myFrame.document.close();
            myFrame.focus()
            myFrame.document.execCommand('SaveAs', true, 'data.xls');
          } else {
            //Others
            // Data URI
            csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);
            $(this).attr({
              'href': csvData,
              'target': '_blank'
            });
          }
        }