2016-08-15 1 views
0

Я использую Pannellum js для отображения изображений в моем приложении MVC. В настоящее время я использую локальный файловый сервер для хранения изображений и отображения их. Теперь я переместил все изображения в Azure BLOB Container.Проблема CORS с Pannellum JS, соединяющая Azure BLOB MVC

Этот вопрос я получаю сообщение об ошибке CORS при получении изображения из сгустка:

enter image description here

Я проверил многие решения по сети. Но никто из них не работает, это мое дело. Я установил глобальные правила CORS для XMLHttpRequest, используя «createCORSRequest», но не работая. Я также установил <add name="Access-Control-Allow-Origin" value="*" /> в config и установил для моего метода.

Для справки, мой BLOB URL, https://inspecttv.blob.core.windows.net и мой сайт https://www.inspectanytime.tv/

Ниже приведен код, откуда я передаю BLOB изображение для Json и в пути к JavaScript.

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 += "]"; 
+0

Pro tip: просить срочность - хороший способ получить downvotes, не делайте этого! Пожалуйста, прочитайте это обсуждение сообщества (http://meta.stackoverflow.com/q/326569/472495). – halfer

+0

Собираете ли вы JSON вручную? Там должна быть библиотека в asp.net, чтобы сделать это для вас - можете ли вы обменяться ею? – halfer

+0

@halfer Я использую 'https://github.com/mpetroff/pannellum', этот код JSON работал для отправки данных в этот JS для локальных файлов (я также проверю ваше предложение), это происходит в изображении с URL-адрес BLOB. – ParthKansara

ответ

0

Проблема заключается в CORS. В этой статье из Mozilla перечислены и подробно объясняются реализация CORS.

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

Если это не производственный участок можно использовать https://crossorigin.me/

Просто замените HTTP: //someurl/panorama.jpg с https: //crossorigin.me/http: // someurl/panorama.jpg

+0

Не указывайте ссылку. Используйте его как ссылку. – Masoud

Смежные вопросы