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

あなたがオンラインでのiframeや表示画像を配置するのに役立ちますwhitelistプラグインを使用してアクセスを適用すると、画像が表示されます。

$コルドバプラグインあなたがこのプラグインを追加した後

$のコルドバは、あなたの中に、以下の​​3210ファイル

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

注意を追加

を準備コルドバ・プラグイン・ホワイトリストを追加：origin="*"とhref="*"はすべてのURLにアクセスできます。あなたのイメージやiframeを表示したら、次のようにしてコンテンツプロバイダードメインのみを許可するようにURLを制限してくださいthe instructions