最近写前端页面发现居然*.tif后缀不能展示
相关插件下载
https://github.com/seikichi/tiff.js
参考资料
js解析tiff 格式的图片读取与显示 - 博客sl - 博客园
https://www.twblogs.net/a/5ef16bba33e47b02063c80d0
1.引入JS
<script type="text/javascript" src="../static/js/tiff.min.js"></script>
2.在JS代码块增加如下代码
$("#text_body_box img[src^='http'][src$='tif']").each(function (i,ele) {
var src = ele.src;
var xhr = new XMLHttpRequest();
xhr.responseType = 'arraybuffer';
xhr.open('GET', src);
xhr.onload = function (e) {
var tiff = new Tiff({buffer: xhr.response});
// var canvas = tiff.toCanvas();
// document.body.append(canvas);
var imgData = tiff.toDataURL();
ele.src = imgData;
};
xhr.send();
});
3.刷新页面