CORS Problem mit Pannellum JS Verbindung zu Azure BLOB MVC

Question

Ich benutze Pannellum js, um Bilder in meiner MVC App anzuzeigen. Momentan verwende ich einen lokalen Dateiserver zum Speichern von Bildern und zum Anzeigen derselben. Jetzt habe ich alle Bilder in Azure BLOB Container verschoben.

Das Problem wird erhalte ich CORS Fehler beim Bild von Blob Abrufen:

ich viele Lösung auf Netz überprüft haben. Aber keiner von ihnen funktioniert, ist mein Fall. Ich habe globale CORS-Regeln für XMLHttpRequest mit "createCORSRequest" gesetzt, funktioniert aber nicht. Ich habe auch <add name="Access-Control-Allow-Origin" value="*" /> in Config gesetzt und Set für meine Methode.

Als Referenz meine BLOB URL, https://inspecttv.blob.core.windows.net und meine Website ist https://www.inspectanytime.tv/

Unten ist der Code aus, wo ich BLOB Bild zu Json und in einer Art und Weise zu JavaScript bin vorbei.

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

Das Problem liegt bei CORS. Dieser Artikel von Mozilla, zählt und erklärt die CORS-Implementierung in der Tiefe.

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

Ist dies nicht ein Produktionsstandort Sie https://crossorigin.me/

Ersetzen Sie einfach http verwenden: //someurl/panorama.jpg mit https: //crossorigin.me/http: // someurl/panorama.jpg