{"id":435,"date":"2018-08-05T11:54:12","date_gmt":"2018-08-05T11:54:12","guid":{"rendered":"http:\/\/emacslisp.com\/?p=435"},"modified":"2018-08-05T11:54:44","modified_gmt":"2018-08-05T11:54:44","slug":"javascript-download-blob-file-directly","status":"publish","type":"post","link":"http:\/\/emacslisp.com\/?p=435","title":{"rendered":"javascript &#8211; download Blob file directly"},"content":{"rendered":"<p>As we know that for security issue, browser would disable javascript to download file directly.<\/p>\n<p>but today what I want to show is to use javascript to click on &#8216;a&#8217; link to download file<br \/>\nusing Blob<\/p>\n<pre lang=\"javascript\" line=\"1\"> \r\n  var blob = new Blob([csvFile], { type: 'text\/csv;charset=utf-8;' });\r\n  if (navigator.msSaveBlob) { \/\/ IE 10+\r\n    navigator.msSaveBlob(blob, filename);\r\n  } else {\r\n    var link = document.createElement(\"a\");\r\n    if (link.download !== undefined) { \r\n      var url = URL.createObjectURL(blob);\r\n      link.setAttribute(\"href\", url);\r\n      link.setAttribute(\"download\", filename);\r\n      link.style.visibility = 'hidden';\r\n      document.body.appendChild(link);\r\n      link.click();\r\n      document.body.removeChild(link);\r\n    }\r\n  }  \r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>As we know that for security issue, browser would disable javascript to download file directly. but today what I want to show is to use javascript to click on &#8216;a&#8217; link to download file using Blob var blob = new Blob([csvFile], { type: &#8216;text\/csv;charset=utf-8;&#8217; }); if (navigator.msSaveBlob) { \/\/ IE 10+ navigator.msSaveBlob(blob, filename); } else [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-435","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/emacslisp.com\/index.php?rest_route=\/wp\/v2\/posts\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/emacslisp.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/emacslisp.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/emacslisp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/emacslisp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=435"}],"version-history":[{"count":2,"href":"http:\/\/emacslisp.com\/index.php?rest_route=\/wp\/v2\/posts\/435\/revisions"}],"predecessor-version":[{"id":437,"href":"http:\/\/emacslisp.com\/index.php?rest_route=\/wp\/v2\/posts\/435\/revisions\/437"}],"wp:attachment":[{"href":"http:\/\/emacslisp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/emacslisp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=435"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/emacslisp.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}