Загрузить динамическое внешнее изображение из URL-адреса

Question

Я делаю AJAX-вызов и динамически загружаю информацию, я получаю имя изображения с сервера, изображение также находится на сервере, когда я тестирую на ПК, оно работает нормально, изображение отображается, но при развертывании на моем телефоне изображение не есть ли... как я могу решить эту проблему?

            <script type="text/javascript">

            $(document).ready(function(){

            var parameters="userId="+ sessionStorage.getItem('userid');
            var DResults="";     
            DResults = DataExchange(parameters,"WCR_TripRequest.php");
            var Rdata  = JSON.parse(DResults);

            var content = '';

            $.each(Rdata, function(i, post) {
            var uids = (post.UserId);   
            var LTripId = (post.Tid);  
            var Name= (post.Name);
            var Surname =(post.Surname);
            var ppurl =(post.ppurl);
            var DepStreetAddress = (post.$DepstreetAddress);        
            var DepSubTown =truncate(post.DepSubTown);
            var DestStreetAddress=(post.DestStreetAddress);
            var DestSubTown =truncate(post.DestSubTown);  
            var RequestRespYes="true";
            var RequestRespNo="false";

            content += '<li id="'+LTripId+'" class="collection-item avatar">'+
            '<img src="http://***.***.59.45/ProfileImages/'+ppurl+'" alt="" class="circle">'+
            '<span class="title" style="color:black"> <b><a href="W_Profile_ThirdParty.html">'+Name+' '+Surname+'</a></b>'+
            '<br><center>Has requested to join you on your trip '+
            '<br> <i class="fa fa-location-arrow"></i>'+DepSubTown+' - '+DestSubTown+'</span><br>'+
            '<a id="AcceptTrip" onclick="PromptReply(\''+LTripId+'\',\''+RequestRespYes+'\',\''+uids+'\'); return false;" class="waves-effect waves-light btn"> <i class="fa fa-thumbs-up" aria-hidden="true"></i></a>&nbsp;'+
            '<a id="RejectTrip" onclick="PromptReply(\''+LTripId+'\',\''+RequestRespNo+'\',\''+uids+'\'); return false;" class="waves-effect waves-light btn"> <i class="fa fa-thumbs-down" aria-hidden="true"></i></a></center>'+
            '<a href="#!" class="secondary-content"><i class="material-icons"></i></a>'+
            '</li>';   
            });

            $(content).appendTo("#Searchlist");
            //document.getElementById("my").style.display = "none";
            //document.getElementById("tabheader").style.display = "visible";  

            });
            </script>

Answer 1

Изображение будет отображаться после того, как вы примените доступ с помощью плагина белого списка, который поможет вам разместить фреймы и отобразить изображения, которые находятся в сети.

$ cordova плагин добавить кордова-плагин-белый список

$ кордова готовить

добавив этот плагин, добавьте в вас следующее config.xml файл

<allow-navigation href="*" />
<allow-intent href="*" />
<access origin="*" /> <!-- Required for iOS9 -->

Замечания: origin="*" а также href="*" даст доступ ко всем URL. После того, как вы отобразили свое изображение или iframe, ограничьте URL, чтобы разрешить только домены вашего контент-провайдера, следуя инструкциям