在所有瀏覽器中顯示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」）;