前端实现文件下载的三种方式

• window.open

  window.open(文件下载地址);
  

• a标签

  <a href="文件下载地址">点击下载文件</a>
  

• 表单提交

  //创建隐藏表单
  var $former=$("
  ");
  $former.attr("style","display:none");
  $former.attr("method","POST");
  $former.attr("action",'文件下载地址');
  $former.attr("enctype",'multipart/form-data');
  $("body").append($former);
  var input=$("");
  input.attr("type","hidden");
  //可能需要设置请求参数
  //input.attr("name","参数名");
  //input.attr("value",参数取值);
  $former.append(input);
  //表单提交
  $former.submit();
  

  使用表单提交的方式向后端发送请求，后端返回文件流到页面，就会触发浏览器自己的保存下载文件机制。
  由于form表单提交有默认行为，会刷新到action的页面，但是我们只想实现在本页面下载文件。为了阻止页面跳转，所以动态添加了一个隐藏表单，同时也不影响页面显示。