前端正常去展示tif或者tiff图片的时候是展示不出来的,需要用到tiff.js

npm install tiff.js

到所需的页面

import Tiff from 'tiff.js'


//上传图片
let input = document.getElementById('file');
input.onchange = function(){
	let files = this.files[0]
	let fr = new FileReader();
	fr.readAsArrayBuffer(files);
	fr.onload = function(e){
		let url = new Tiff({buffer:e.target.result});
		let imgUrl = url.toDataURL();
	}
}

如果是element的upload组件上传的


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

然后根据url就可以展示了

Logo

前往低代码交流专区

更多推荐