HTML显示 TIFF

最近写前端页面发现居然*.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.刷新页面