私は、ローカルフォルダ内のすべての画像をHTMLページにロードしようとしています。コード参照this question。 Eclipseで最初に(Tomcat 8.5)サーバー上で実行されるファイルで、Google ChromeでURLを開きます。その後、アヤックスは、コンソールに応じて失敗します。私が間違って何をしたかAjax url GET 404エラー
GET /Users/jiaqni/.../WebContent/upload 404()
任意のアイデア?相対パス "dir = 'upload /';"いずれも動作しません。みんなありがとう!
<script>
$(document).ready(function(){
console.log("Image appending...");
var dir = "/Users/jiaqni/.../WebContent/upload/";
var regexp = new RegExp("\.png|\.jpg|\.jpeg");
$.ajax({
url: dir,
success: function (data) {
//List all .png .jpg .jpeg file names in the page
console.log("Success!");
$(data).find("a").filter(function(){return regexp.test($(this).text());}).each(function(){
var filename = this.href.replace(window.location, "");
...
});
}
});
});
</script>
の.htaccessは、それが閲覧可能だことを確認するために/User/.../upload/をフォルダに追加されました。そして、Ajaxがなければ、<img src="upload/xxx.jpeg"/>
はそのフォルダに画像を表示します。
URLパスをブラウズできますか?つまり、ブラウザで開いて、その中のすべてのファイルを見ることができますか? – puelo
あなたは正しい 'dir'を指しているようには見えませんか? –
@pueloはい、手動で.htaccessを追加してブラウズ可能にしました。私は "file:///Users/jiaqni/.../upload"でファイルを見ることができますが、Ajaxでは見ることができません。現在のパスに「file://」を追加する必要がありますか? 「クロスオリジン要求はプロトコルスキームでのみサポートされています:http、data、chrome、chrome-extension、https」という別のエラーがスローされます。 –