Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

any clean ways to download files like html5 download attribute

I am fully aware that there are many debates(and solutions) out there in terms of downloading files in javascript/jQuery, such as iFrame, jQueryPlugin. However, I am more interested in a kind of built-in facilities like download attribute of <a> in HTML5. The problem is that it supports a couple of browsers:

enter image description here

That is how I want to download files, without creating frames or using any plugins. The questions is are there any other cross browser built-in(say, easier or cleaner) ways to do it?

  • Internet Explorer 8+
  • Firefox 19+
  • Chrome 17+
  • Safari 5.1.9+
  • Opera 12.1
like image 397
boburShox Avatar asked May 02 '13 06:05

boburShox


People also ask

Why download attribute is not working in HTML?

The download attribute only works for same-originl URLs. So if the href is not the same origin as the site, it won't work. In other words, you can only download files that belongs to that website. This attribute follows the same rules outline in the same-origin policy.


1 Answers

You might want to try FileSaver.js which has support for all modern browsers.

var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
saveAs(blob, "hello world.txt");
like image 104
tsauerwein Avatar answered Sep 19 '22 12:09

tsauerwein