从 URL Phonegap 加载动态外部图像

Question

我正在执行ajax调用并动态加载信息，im从服务器获取图像名称，图像也在服务器上，当im在PC上测试时，它工作正常，图像显示，但是当我部署到我的手机时，图像不存在...有什么方法可以解决这个问题吗？

            <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

使用白名单插件应用访问权限后，将显示图像，该插件可帮助您放置iframe并显示在线图像。

$ 科尔多瓦

插件添加科尔多瓦插件白名单

$ 科尔多瓦 准备

添加

此插件后，config.xml文件中添加以下内容

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

注意：origin="*"和href="*"将提供对所有网址的访问权限。显示图像或 iframe 后，请按照说明将 URL 限制为仅允许内容提供商域