思路:利用tiff.js中方法修改特定img标签src属性即可:
导入tiff.min.js
<img>遇到tiff图片时会报格式错误,报错触发toseeTiffimg(path,element)方法
<img src="/cae/${caeStructuralComponentAttachment.calcFeaModelFilePath}" onerror="toseeTiffimg(this.src,this)">
感恩大佬的tiff.js
//url为图片路径,element为需要展示tiff图片的img标签元素
function toseeTiffimg(path, element) {
const url = path
var xhr = new XMLHttpRequest()
xhr.responseType = 'arraybuffer'
xhr.open('GET', url) //tiff图片的路径
xhr.onload = function() {
var tiff = new Tiff({ buffer: xhr.response })
this.img = tiff.toDataURL() // 转化成base64的api
element.src = this.img;
};
xhr.send()
}