前端下载文件和预览的方法（最简单）

1、location.href方式下载

window.location.href = "要下载的文件地址路径";

// 如果要新开页面预览可以使用使用window.open('', "_blank");
let url = "要下载的文件地址路径";
window.open(url, "_blank");

2、使用a标签实现下载

<a href="" download="要下载的文件地址">下载</a>

3、在元素中创建a标签,实现下载

downloadContract（）{
    // 创建一个隐藏的<a>标签
       const link = document.createElement("a");
       link.href = '要下载的文件地址';

    // 设置下载文件的文件名，文件名应该与页面中的文件名一致，而不是URL
       link.setAttribute("download",'下载的文件名称，可以自定义');

    // 将<a>标签添加到DOM中，并模拟点击下载
       document.body.appendChild(link);
       link.click();

    // 下载完成后移除<a>标签
       document.body.removeChild(link);

}

以上全部依靠a标签实现简单的文件预览和下载。