모든 브라우저에서 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를. Cross origin 요청은 http, data, chrome, chrome-extension, https와 같은 프로토콜 스키마에 대해서만 지원됩니다. (익명) @ (색인) : 54

Answer 1

오류 메시지가 나타나면 로컬 컴퓨터의 파일을로드 할 수 없습니다. 프로젝트 폴더에 파일을 업로드하고 absulote 또는 상대 참조를 사용하십시오.

: 파일을 images/tiffdocument.tif에 넣으십시오. xhr.open ('GET', "images/tiffdocument.tif");