js实现下载功能

 var zhuanyexiazaiId = $(e.target).attr('data-path')
 var dataname = $(e.target).attr('data-name');
 downloadExportFile()
 function downloadExportFile() {
          var blob = `/${zhuanyexiazaiId}`
          let downloadElement = document.createElement('a');
          let href = blob;
          if (typeof blob == 'string') {
              downloadElement.target = '_blank';
          } else {
              href = window.URL.createObjectURL(blob); //创建下载的链接
          }
          downloadElement.href = href;
          downloadElement.download = dataname //下载后文件名
          document.body.appendChild(downloadElement);
          downloadElement.click(); //点击下载
          document.body.removeChild(downloadElement); //下载完成移除元素
          if (typeof blob != 'string') {
              window.URL.revokeObjectURL(href); //释放掉blob对象
          }
}

文件路径前要加反斜杠，如下
/assets/document/data/020063/28/20200518

批量下载

$('.daochu').on('click', function() {
        fetch('url', {
            method: 'POST',
            body: JSON.stringify({
                id: an_delId
            }), // 这里放请求数据
            headers: {
                'Content-Type': 'application/json',
            },
        }).then((res) => {
            return res.blob();
        }).then(response => {
            if (an_delId.length > 1) {
                const blob = new Blob([response], { type: "application/x-zip-compressed" }); //导出zip结尾的文件
                const a = document.createElement('a');
                a.href = window.URL.createObjectURL(blob);
                a.download = `听课记录.zip`;
                a.click();
            } else {
                const blob = new Blob([response], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" }); //导出docx结尾的文件
                const a = document.createElement('a');
                a.href = window.URL.createObjectURL(blob);
                a.download = `听课记录.docx`;
                a.click();
            }
        })

    })