スクリプトはxamppで動作しますが、ホストサーバでは動作しません

Question

スクリプトは、ユーザーからの投稿と画像を表示することになっています。それはXamppでもうまくいきますが、ホストサーバー上で私は投稿だけを見ていますが、ユーザーが投稿した画像は見ません。それは空白です。ネットワークタブでは、どちらも見ることができません。ここで

var post = function(url){ 
$('#apost').show(); 
$('#apost').html('<i class="fa fa-circle-o-notch fa-spin afo"></i>'); 
$.ajax({ 
    type: 'GET', 
    url: url, 
    success: function(data){ 
     var template = $("#itemTemplate").html(); 
     var result101 = Mustache.render(template, jQuery.parseJSON(data)); 
     $(".post-content").html(result101); 
     $('#apost').hide(); 
    }, 
    complete: function(){ 
     setInterval(post('ajax/post?page='+pagenum), 30000); 

    }, 
    error:function(){ 
     $('.don').html('error loading post'); 
    } 
});   
}; 

HTML部分されています：あなたは、ホストサーバーからアクセス可能なパスを指定する必要があり

 <div class="media-content"> 
       <div>{{post}}</div> 
       {{#is_photo}} 
       <img src="uploads/scaled/{{photo44}}" alt="{{username}}" /> 
       <p>{{caption}}</p> 
       {{/is_photo}} 
      </div> 

Answer 1

ここでは、そのスクリプトの一部です。ホストサーバーにはlocalhostというパスがあり、イメージのディレクトリツリーがローカルサーバーと同じでない場合は、ホストサーバーのローカルパス内に何もないため、これが正常な動作です。

二つの方法：

1. ホストサーバーでまったく同じパスを作成し、そこにあなたのイメージを置きます。
2. 適用相対パス指定、代わりに、このようないくつかの場所からあなたのイメージを取得する（.../... localhostを使用しないでください）：あなたはサーバ - にURLで画像を表示するにはどうすればよいstatic.yourproject.com/images/xyz.png