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" />
以上内容如有纰漏或更优解,望不吝赐教~