下载按钮的实现方法

  1. 方法1:a标签
  1.       <a href="baidu.com/m.zip" download="测试.zip">
  1.      缺点:兼容性差,火狐浏览器对非本网站的图片,视频直接打开而非下载,其他浏览器指定的download文件名无法被识别.
  1. 方法2:后端处理方法
  1.      先把文件下载到服务器上,然后再发送给用户
  1.      缺点:占用带宽,耗时较长,对于大文件操作不友好
  1. 方法3:前端JS控制
  1.       使用download.js插件 GitHub地址:https://github.com/rndme/download
  1. function downfile(surl,FileName){
  1.         var x=new XMLHttpRequest();
  1.         x.open( "GET", surl , true);
  1.         x.responseType="blob";
  1.         x.onload= function(e){download(e.target.response, FileName);};
  1.         x.send();
  1.  }  
  1.       缺点,浏览器兼容性存在疑问,包括iPhone等设备无法支持,IE9和之前IE版本无法支持;

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

猜你喜欢

转载自blog.csdn.net/u010793255/article/details/80759033