在所有浏览器中显示tiff图像

Question

我正在尝试在浏览器中显示tiff图像，但是当我尝试在本地阅读或者我正在提供任何tiff图像的URL时它不起作用。这是我的代码。

 <script type="text/javascript">
   var xhr = new XMLHttpRequest();
   xhr.responseType = 'arraybuffer';
   xhr.open('GET', " file:///home/aniketshivamtiwari/Desktop/tiffdocument.tif");


   xhr.onload = function (e) {
  var tiff = new Tiff({buffer: xhr.response});
  var canvas = tiff.toCanvas();
  document.body.append(canvas);
};
xhr.send();
 </script>

我收到此错误 XMLHttpRequest无法加载file：///home/aniketshivamtiwari/Desktop/tiffdocument.tif。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https。 （匿名）@（指数）：54

Answer 1

错误消息说明了一切，您无法从本地计算机加载文件。上传项目文件夹中的文件，并使用absulote或相对引用。

即：将文件放在images / tiffdocument.tif下 xhr.open（'GET'，“images / tiffdocument.tif”）;