213、前端下载或用PDF展示后台文件

一、普通HTML下载后台文件
如果想通过纯前端技术实现文件下载，直接把a标签的href属性设置为文件路径即可，如下：
<a href="https://cdn.shopify.com/s/Manaul.pdf">download</a>
但是，对于 txt, jpg, pdf 等格式的文件，浏览器支持直接打开，这时需要用
< a href = "https://cdn.shopify.com/s/Manaul.pdf" download = "test.pdf" > download</a >
download属性不止可以实现下载，还可以规定下载时的文件名，如果不填写，会自动使用默认文件名。

二、普通JS下载后台文件
function down(data) {
  var a = document.createElement(‘a‘);
  document.body.appendChild(a);
  a.download = ‘111.txt‘;
  a.href = URL.createObjectURL(data);
  a.click();
  $(a).remove();
};

三、PDF多页面下载
//前端用PDF展示后台文件，使用插件:jquery.media.js
$scope.clickButton = function () {
  tradeApi
    .query({
      method: ‘post‘,
      root: ‘report‘,
      url: ‘/audit_report/downloads/report‘,//告知服务器我要数据，服务器过滤出数据，放到下面src下
      data: ‘params‘,
      responseType: ‘blob‘,
      check_status: ‘never‘,
    })
    .then(function (data) {
      $(‘#handout_wrap_inner‘).media({
        width: ‘100%‘,
        height: ‘680px‘,
        autoplay: true,
        src: ‘/audit_report/downloads/Manaul.pdf‘//我到这里获取数据。如果不需服务器过滤数据，则只需要此处的路由
      });
    });
};