【仰取俯拾】扫描件tiff转base64

484 阅读1分钟

vue项目中预览tiff文件的方法:

1.安装tiff依赖

npm i tiff.js

2.在需使用的文件引入插件

import Tiff from 'tiff.js'

转换方法:

        const xhr = new XMLHttpRequest()
        xhr.responseType = 'arraybuffer'
        xhr.open('GET', this.tiffData)
        xhr.onload = () => {
          const tiff = new Tiff({ buffer: xhr.response })
          const canvas = tiff.toCanvas()
          this.tiffSrc = canvas.toDataURL('image/jpeg')
        }
        xhr.send()

使用示例:

        <img :src="tiffSrc" />

以上内容如有纰漏或更优解,望不吝赐教~