a 标签实现pdf，jpg图片预览及文件下载

<a :href="http://www.com/uploads/客户合同.pdf" target="_blank">预览文件</a>

<a :href="http://www.com/uploads/客户合同.pdf" download="下载显示的文件名">下载文件</a>

 核心：target="_blank" 跳转到新页面浏览器自动识别打开

href是后端返回文件的在线地址，如果是图片就打开是文件就自动下载

window.location.href = url  // 当前页面

window.open(url)  // 打开新页面

这种方式通过js跳转页面打开或者下载文件

直接下载  需要使用二进制文件流

const blob = new Blob([二进制文件流], { type: "application/pdf" });
let a = document.createElement('a')
// 通过二进制文件创建url
let url = window.URL.createObjectURL(blob)
a.href = url
a.download = "文件名"
a.click()
// 销毁创建的url
window.URL.revokeObjectURL(url)