在所有浏览器中显示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无法加载文件：///home/aniketshivamtiwari/Desktop/tiffdocument.tif。协议方案仅支持跨源请求：http，data，chrome，chrome-extension，https。 （匿名）@（index）：54

Answer 1

错误消息说这一切，你不能从本地机加载文件。上传该文件在您的项目文件夹中，并使用absulote或相对引用。

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