vue 展示tiff格式的图片
前端正常去展示tif或者tiff图片的时候是展示不出来的,需要用到tiff.js。如果是element的upload组件上传的。然后根据url就可以展示了。
·
前端正常去展示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就可以展示了
更多推荐
已为社区贡献1条内容
所有评论(0)