如何在ie浏览器上显示多页“.tif”文件

How to show multiple page `.tif` file on Internet Explorer?

本文关键字：tif 文件 显示 ie 浏览器      更新时间：2023-09-26

我的要求是在浏览器上显示.tiff图像。所以目前我在Internet explorer上使用img标签显示tiff文件，如下所示。

<img src="myTiff.tif" type="image/tiff" alt="My Tiff">

和它的工作完美的tif文件只有一个页面。如果在.tif中有多个页面，那么img标签只显示第一个图像。用户无法获得查看其他图像的选项。

tiff图像样本

我已经尝试了所有建议的选项这里

我在服务器端使用c# &在前端使用AngularJS。任何帮助都会很感激。谢谢:)

编辑

将是更好的方式去与AltraTiff插件?

内容呈现始终是浏览器的责任，因此您可以依赖它的功能。

也许有一些插件的浏览器支持多页tiff，但是，如果你不能控制软件安装在你的客户端，我认为你最好的选择是实现一些分页分离页面服务器端。

您可以使用imagemagick轻松实现。

唯一的缺点是，如果用户尝试下载它，它将只下载他当前正在浏览的单个页面。

但是您可以通过提供单独的下载链接或简单地将完整版本链接到显示的图像来减轻它。使用jQuery的例子:

<div id="tiffPager">
    <a href="myTiff.tif">
        <img width=200 height=200 data-pageCount=5 src="myTiff_page0.tif" alt="My Tiff">
    </a>
    <button class="pageBack">&lt;&lt;</button>
    <button class="pageForward">&gt;glt;</button>
</div>
<script>
    $(function(){
        var container = $("div#tiffPager");
        var img = $("img", container);
        var backBtn = $("button.pageBack", container);
        var fwBtn = $("button.pageForward", container);
        var pgCount = img.data("pageCount");
        var currPage = 0;
        backBtn.on("click", function(){
            currPage = (currPage + 1) % pgCount; // Cycle though pages.
            img.attr("src", "myTiff_page" + currPage + ".tif");
        });
        fwBtn.on("click", function(){
            currPage = (currPage - 1) % pgCount; // Cycle though pages.
            img.attr("src", "myTiff_page" + currPage + ".tif");
        });
    });
</script>
相关文章：