PHPでフォームを作っています。訪問者に画像をアップロードするか (その部分は完了しています)、アップロードされたファイルから 1 つを選択してもらいたいです。これを解決するクールな jQuery/php スクリプトはありますか?
選択したフォルダーのすべての画像を表示する小さなダイアログを考えています。訪問者が foo.jpg (サムネイル付き) をクリックすると、テキスト フィールドの値は「foo.jpg」になります。
何か案は?
ありがとう!
PHPでフォームを作っています。訪問者に画像をアップロードするか (その部分は完了しています)、アップロードされたファイルから 1 つを選択してもらいたいです。これを解決するクールな jQuery/php スクリプトはありますか?
選択したフォルダーのすべての画像を表示する小さなダイアログを考えています。訪問者が foo.jpg (サムネイル付き) をクリックすると、テキスト フィールドの値は「foo.jpg」になります。
何か案は?
ありがとう!
次のように images ディレクトリをスキャンするだけです。
<?php $dir = '/path/to/dir';
$files1 = scandir($dir);
foreach ($files1 as $value) {
echo '<p class="images">'.$value.'</p>';
echo '<img class="clickableimg" id="'.$value.'" src="path/to/'.$value.'" />';
} ?>
そして、クラス「画像」にイベントを追加できます:
<script>
$(".images").click(function() {
var choosenpic = $(this).html();
$("#yourinputfieldID").val(choosenpic);
});
$(".clickableimg").click(function() {
var choosenpic = $(this).attr('id');
$("#yourinputfieldID").val(choosenpic);
});
</script>