html前端显示tiff

本文介绍了在前端展示tif文件的多种思路,包括修改扩展名、使用Base64编码、Java转换为jpg或pdf,最后通过JavaScript库tiff.js成功实现tif的预览。详细讨论了tiff.js的使用方法和代码示例。
摘要由CSDN通过智能技术生成

0 问题的提出

项目中使用到了传真(Fax)功能,而传真收到的文件一般都是tif格式的。

我们需要把这样的tif文件展示在前端。

后端会从某处下载这个tif文件,可以用字节数组表示这个文件。

1. 思路

思路1:修改扩展名。把tif修改为jpg,png之类的扩展名

失败,修改后直接用Chrome都无法正常展示。显示一个小方格,即便是放大很多,也还是显示不出图片。

思路2:讲byte[]返回Base64编码字符串。

我们知道:<img>标签的src可以使用Base64编码字符串来显示图片。那么我们直接返回tif的Base64字符串,然后指定其类型为image/jpg会怎样呢?

失败,无论修改为image/jpg还是image/tig等其它类型,其显示结果都和直接修改扩展名在chrome下的显示结果一样。

<img src="https://img-blog.csdnimg.cn/2022010614461638970.jpg" />

思路3:用Java把tif转换为jpg

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

甘蓝聊Java

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值