js实现文件下载与预览

一、文件下载

1、js动态创建标签

downloadChannel(row) {
     
                // debugger;
                let {
     
                    id
                } = row;
                // console.log('test-id',id);
                let url = baseURL + `/plan-management-entity/download/${
       id}`;
                const ele = document.createElement('a');
                ele.setAttribute('href', url); //下载文件的url地址
                ele.setAttribute('download', 'download'); //用于设置下载文件的文件名
                ele.click();
            },

二、文件预览

1、（仅支持pdf）动态创建a标签

previewChannel(row) {
     
                let {
     
                    id
                } = row;
                // console.log('test-id',id);
                let url = baseURL+ `/plan-management-entity/preview/${
       id}`;
                const ele = document.createElement('a');
                ele.setAttribute('href', url); //预览文件的url地址
                ele.setAttribute('target', "_blank"); //预览文件的url地址
                ele.click();
            },

这是这次项目采用的，希望大家评论继续补充，我也会持续更新