CORS Azale BLOB MVC에 연결하는 Pannellum JS 관련 문제

Question

Pannellum js를 사용하여 MVC 앱에서 이미지를 표시하고 있습니다. 현재 이미지를 저장하고 표시하기 위해 로컬 파일 서버를 사용하고 있습니다. 이제 Azure BLOB Container로 모든 이미지를 옮겼습니다. 나는 그물에 많은 솔루션을 체크 한

: BLOB에서 이미지를 검색하는 동안

문제는 내가 CORS 오류를 얻고있다. 하지만 그들 중 누구도 저의 경우입니다. "createCORSRequest"를 사용하지만 작동하지 않는 XMLHttpRequest에 대한 전역 CORS 규칙을 설정했습니다. 구성에 <add name="Access-Control-Allow-Origin" value="*" />을 설정하고 내 방법으로 을 설정했습니다.

는 참고로, 내 BLOB의 URL, https://inspecttv.blob.core.windows.net 내 사이트는 아래 https://www.inspectanytime.tv/

내가 JSON과 자바 스크립트 방식으로 BLOB 이미지를 전달하고있는 곳에서 코드입니다.

string Json = "["; 
        string Photos = ""; 
        //string SiteUrl = "http://inspectanytime.azurewebsites.net"; 

        foreach (tblAT_PropertyImage tbl in LST) 
        { 
         string thumbimage = tbl.Photo.ToString().Substring(0, tbl.Photo.ToString().LastIndexOf('.')) + "_thumb" + tbl.Photo.ToString().Substring(tbl.Photo.ToString().LastIndexOf('.')); 
         string FullImage = AzureCloud.GetFileFromCloud(tbl.Photo, AzureCloud.AzureContainers.inspectimagefiles); // SiteUrl + "/ViewerImage.ashx?p=" + tbl.Photo; 

         string Thumb = AzureCloud.GetFileFromCloud(thumbimage, AzureCloud.AzureContainers.inspectimagefiles); //SiteUrl + "/ViewerThumb.ashx?p=" + tbl.Photo; 
         string SinglePhoto = "{\"image\":\"" + FullImage + "\",\"imageThumb\":\"" + Thumb + "\",\"description\":\"" + tbl.Tag + "\",\"Address\":\"" + Address + "\"}"; 
         if (Photos != "") 
         { 
          Photos += "," + SinglePhoto; 
         } 
         else 
         { 
          Photos += SinglePhoto; 
         } 
        } 
        Json += Photos; 
        Json += "]"; 

Answer 1

문제는 CORS에 있습니다. Mozilla의이 기사에서는 CORS 구현을 자세히 나열하고 설명합니다.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

이 당신이 https://crossorigin.me/

그냥 HTTP 대신 사용할 수있는 생산 현장이 아닌 경우가 https : //someurl/panorama.jpg가 : //crossorigin.me/http : // someurl/panorama.jpg