2017-01-17 8 views
1

私のajax呼び出しはlocalhostで動作していますが、ドメインにファイルをアップロードしても動作しません。 ajaxの使用私は、「画像」と呼ばれるフォルダ内のすべてのjpg/pngファイルを検索し、それらを私のWebページに表示しています。コードがある -ライブ・ドメインにデプロイしたときにajax呼び出しが機能しない

<script> 

//Use ajax to load all images (jpe?g|png|gif) from a folder to a page called Gallery 
//images folder should be in the same folder as the file 
     var folder = "../images/"; 
     $.ajax({ 
      url : folder, 
      success: function (data) { 
       $(data).find("a").attr("href", function (i, val) { 
        if(val.match(/\.(jpe?g|png|gif)$/)) { 

// create 'img' element using JS and dynamically add image source and class 
         var imgSrc = document.createElement('img'); 
         imgSrc.src= folder + val; 
         imgSrc.className = 'imageThumbnails'; 
         $("#spanImage").append(imgSrc); 
        } 
       }); 
      } 
     }); 
</script> 
+1

セキュリティ上の理由から、リモートサーバー上のフォルダのコンテンツを表示できない可能性があります。ブラウザのフォルダURLに移動すると、コンテンツを表示できますか? – MacPrawn

+0

リモートサーバーのアクセス権に問題があります。あなたはそれを調整する必要があると思います – Roljhon

+0

@MacPrawnが言ったように、ブラウザのライブフォルダURLにアクセスして、アクセス許可が設定されているかどうかを確認します。ほとんどの場合、そうではありません。 –

答えて

0

フォルダにアクセスしようとしたときにあなたが見たように、

var folder = "../images/"; 

...この情報がお役に立てば幸いです

var folder = "images/"; 

に歓声

+0

私はそれを試みましたが、助けてくれませんでした – Sujoy

0

[OK]を変更してくださいあなたのブラウザに直接、あなたのWebサーバはこれを許可しません。これはWebサーバでは一般的です。セキュリティ上の理由から、実際には訪問者がフォルダ内のすべてのファイルの一覧を表示できるようにする人はほとんどいません。使用

のhtaccessファイルを使用して、そのフォルダ内のファイルを一覧表示できるようになり、これを行うために迅速かつ汚い方法

Options +Indexesが、私は強くあなたが代わりに

は、私がお勧めすることをいたしませんお勧めします画像フォルダ内にファイルindex.phpを置き、にはファイルがあり、画像フォルダにそのファイルの横に配置されたファイルのリストが作成されます。そうすれば、表示するファイルと表示しないファイルを制御できます。 index.phpファイルは、単純なテキスト出力、1行に1つのファイル名などを返すことができます。その後、あなたのAjaxコールは以前と同じように動作するはずです。

希望すると便利です。

関連する問題