javascript - 在浏览器中显示多页 tiff

Question

我想知道是否有任何方法可以使用客户端编码(而不是服务器端)在浏览器中显示多页 tif 图像，用户可以像常见的那样在页面之间导航jquery 照片库。我从 https://github.com/seikichi/tiff.js 找到了 Tiff.js ，但是这个库只给出了多页tiff的下载链接，并没有在html中显示。

我可以在服务器端使用 ImageMagic、LibTiff.Net 等库来完成，但我不想这样做，因为照片数量巨大，如果我这样做，它会消耗大量服务器的 cpu

你知道任何替代解决方案吗？？

Answer 1

我也有这个问题，转换图像对我们来说不是一个选择。

您可以使用链接到的 tiff.js，查看演示，然后在 http://seikichi.github.io/tiff.js/multipage.html 查看源代码.

$(function () {
  Tiff.initialize({TOTAL_MEMORY: 16777216 * 10});
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'images/multipage.tiff');
  xhr.responseType = 'arraybuffer';
  xhr.onload = function (e) {
    var buffer = xhr.response;
    var tiff = new Tiff({buffer: buffer});
    for (var i = 0, len = tiff.countDirectory(); i < len; ++i) {
      tiff.setDirectory(i);
      var canvas = tiff.toCanvas();
      $('body').append(canvas);
    }
  };
  xhr.send();
});

将“images/multipage.tiff”替换为您的文件路径，它会将每个页面添加到 body 元素(如果您需要在其他地方使用，只需将 $('body') 替换为您的元素)。也适用于单个 tiff。