下载按钮的实现方法

1. 方法1:a标签

2.       <a href="baidu.com/m.zip" download="测试.zip">

3.      缺点:兼容性差,火狐浏览器对非本网站的图片,视频直接打开而非下载,其他浏览器指定的download文件名无法被识别.

4. 方法2:后端处理方法

5.      先把文件下载到服务器上,然后再发送给用户

6.      缺点:占用带宽,耗时较长,对于大文件操作不友好

7. 方法3:前端JS控制

8.       使用download.js插件 GitHub地址:https://github.com/rndme/download

9. function downfile(surl,FileName){

10.         var x=new XMLHttpRequest();

11.         x.open( "GET", surl , true);

12.         x.responseType="blob";

13.         x.οnlοad= function(e){download(e.target.response, FileName);};

14.         x.send();

15.  }  

16.       缺点,浏览器兼容性存在疑问,包括iPhone等设备无法支持,IE9和之前IE版本无法支持;

其他网上的方法，无论js提交到所对应的文件URL还是其他什么方法，都有缺陷，就是无法下载视频，音频，图片文件，特别是图片的网址和页面的网址不同时候，第二，无法指定文件的名字