値」の形で連想配列にし、それを一つずつarray_pushで納めていって、その配列をjson_encode()に掛ければ次のようなデータとなる: [code lang="javascript"] [ {"fname":"CIMG2782.JPG"}, {"fname":"CIMG2780.JPG"}, {"fname":"CIMG2785.JPG"}, ... ] [/code] 参考リンク: [mlink] http://d.hatena.ne.jp/cos31/20071112/1194898338 ディレクトリ内のファイル一覧を取得する - Affirmative Way http://www.php.net/manual/ja/function.json-encode.php PHP: json_encode - Manual http://stackoverflow.com/questions/758594/load-list-of-image-from-folder php - Load list of image from folder - Stack Overflow [/mlink]" /> 値」の形で連想配列にし、それを一つずつarray_pushで納めていって、その配列をjson_encode()に掛ければ次のようなデータとなる: [code lang="javascript"] [ {"fname":"CIMG2782.JPG"}, {"fname":"CIMG2780.JPG"}, {"fname":"CIMG2785.JPG"}, ... ] [/code] 参考リンク: [mlink] http://d.hatena.ne.jp/cos31/20071112/1194898338 ディレクトリ内のファイル一覧を取得する - Affirmative Way http://www.php.net/manual/ja/function.json-encode.php PHP: json_encode - Manual http://stackoverflow.com/questions/758594/load-list-of-image-from-folder php - Load list of image from folder - Stack Overflow [/mlink]" />
« Gmailで改行が消える Main ワード文書で選択できない »

ファイル一覧をjQueryで表示

画像ファイルの一覧をjQueryで表示させる。その対象ファイル名の取得自体はJavaScriptでは対応できないので、別途phpに下請けに出す形にする。
[code]



Image List


[/code]
上記にある「$.getJSON("下請けphpスクリプト", データ処理関数)」の形でデータ取得と表示。

で、ファイルリストを生成する下請け側のphpスクリプト(ファイル一覧を取得するディレクトリの指定は引数などにせず、とりあえずスクリプトへ埋め込み):
[code lang="php"]
1!==false) { if (!preg_match('/.(jpe?g|gif|png|bmp|tiff?)$/i', $fname)) continue; array_push($files, array('fname'=>$fname));
}
closedir($handle);

print json_encode($files);
}
?>
[/code]

JSON形式の生成は、「キー=>値」の形で連想配列にし、それを一つずつarray_pushで納めていって、その配列をjson_encode()に掛ければ次のようなデータとなる:
[code lang="javascript"]
[
{"fname":"CIMG2782.JPG"},
{"fname":"CIMG2780.JPG"},
{"fname":"CIMG2785.JPG"},
...
]
[/code]

参考リンク:

  1. $fname = readdir($handle []

Leave a comment

Your comment