vue中使用tiff.js展示tif格式的图片

1、先下载依赖tiff.js

npm install tiff.js 

2、在组件中引用tiff.js

import Tiff from 'tiff.js'

3、点击获取图片

if (file.raw.type === "image/tiff") {
        let fr = new FileReader();
        fr.readAsArrayBuffer(file.raw); //要取文件的raw属性
        fr.onload = function (e) {
        let url = new Tiff({ buffer: e.target.result });
        tiffUrl.value = url.toDataURL();
   };
}

4、 在html中使用

<img :src="tiffUrl"/>

如果碰到报错：Module not found: Error: Cannot resolve module 'fs' ，需要在vue.config.js里面增加以下代码：

module.exports = {
  configureWebpack: {
    resolve: {
      fallback: {
        fs: false
      },
    },
  }
}