前端预览下载pdf文件

合同预览

1. 拿到需要合同显示的数据(后台需要的参数)

2. 将参数经过base64编码传给后台(后段规定)

   • 问题: base64可能会将某些字符串符号编译为空格

3. 后台返回一个文件地址

4. 创建a标签，href指向返回的文件地址

function viewContract (data) {
    const params = {
        ...data
    }
    // 获取合同地址接口:port , 后面是参数， getToken(): 获取token ; 后端规定
    const url = global.house.url + 'port?contract=' + Base64.encode(JSON.stringify(params)) + '&token=' + getToken()
    const a = document.createElement('a')
    a.href = url
    // 打开新窗口
    a.target = '_blank'
    a.style.display = 'none'
    // 插入页面
    document.body.appendChild(a)
    // 可下载pdf, 名字为合同.pdf
    a.setAttribute('download', '合同.pdf')
    a.title = '合同.pdf'
    a.click()
    a.remove()
}