通过后端返回的文件流(word,excel)转成pdf(图片加水印同理)

349 阅读1分钟

大家好,我是风柳老,一名菜鸡前端。

废话不多说,直接看代码

word,excel转为pdf

 const reader = new FileReader() //  实例化 FileReader
      reader.readAsDataURL(res) //将读取到的文件编码成DataURL
      reader.onload = (e) => {
        //调用API onload  文件读取成功时触发
        //模拟a标签点击
        let a = document.createElement('a') //创建a标签,
        a.download = Date.parse(new Date()) + '.pdf' //设置格式
        a.href = e.target.result //下载文件流链接
        document.body.appendChild(a) //将标签DOM,放置页面
        a.click()
        document.body.removeChild(a) //移除标签节点
      }
      reader.onerror = (e) => {
        ElMessage.warning(`解析文件发生错误`)
      }
      reader.onabort = (e) => {
        ElMessage.warning(`解析文件发生意外终止`)
      }

图片加水印

 const reader = new FileReader() //  实例化 FileReader
      reader.readAsDataURL(res) //将读取到的文件编码成DataURL
      reader.onload = (e) => {
        //调用API onload  文件读取成功时触发
        //模拟a标签点击
        let a = document.createElement('a') //创建a标签,
        a.download = Date.parse(new Date()) + '.png' //设置格式
        a.href = e.target.result //下载文件流链接
        document.body.appendChild(a) //将标签DOM,放置页面
        a.click()
        document.body.removeChild(a) //移除标签节点
      }
      reader.onerror = (e) => {
        ElMessage.warning(`解析文件发生错误`)
      }
      reader.onabort = (e) => {
        ElMessage.warning(`解析文件发生意外终止`)
      }