JavaScriptによるウェブサイトの画像管理 - これを処理するにはどうすればよいでしょうか？

Question

私はウェブサイトの管理ページを作っています。現在、ユーザーは、削除、編集、または追加することができる一連の「製品」を見ることができます（新規作成）。追加と編集の両方は、ユーザーがjavascript/cssを使用して画面の上部に表示されるフォームの値を記入または編集できるようにすることで機能します。

問題は、管理者がこのフォームで作成または編集している製品に関連付ける画像を選択できるようにする必要があることです。今のところ簡単にするには、選択可能なすべての画像がすでに「ROOT/images」フォルダに保持されているとしましょう。

このフォームのサーバーから画像を選択するには、すばらしいインターフェイスをユーザーに提供するにはどうすればよいですか。私は何千もの人になってしまった場合に備えて、ウェブページですべての画像を事前に送信することはできません。クライアント側のWebページにJavaScriptを使用してサーバー側のものにアクセスさせる方法がわかりません。

私は{PHP/MySql/JavaScript（必要な場合は/ jQuery）/ HTML/CSS}を使用することに制限されています - 誰でも私にこのタスクを達成する方法や、この問題の周りには？

Answer 1

あなたは基本的にjavascript経由で利用可能なディレクトリリストを求めています。

イメージをjsonエンコードされた配列としてリストするPHPスクリプトを書くことができます。

このスクリプトは、検索や改ページなどの追加の処理を処理できるため、あまりにも多くのデータを（すぐに）転送する必要はありません。

Answer 2

文字通り何千もの画像がある場合、それらをすべて1ページに表示する用途はありません。私は（個人的に）多くの画像を一度に処理することはできず、それらの中から有効な選択をしています。

私がしようとするプロセスを簡素化するインタフェースを画像にタグシステムを割り当てます（可能な場合）と作ると思います：

あなたは、インターフェイスの空想（画像の負荷などを作るためにjQueryを使用することができます

Search for an product: __________________ [ search ] 

Results: 
______  ______  ______  ______ 
|  | |  | |  | |  | 
|  | |  | |  | |  | 
|  | |  | |  | |  | 
|______| |______| |______| |______| 

______  ______  ______  ______ 
|  | |  | |  | |  | 
|  | |  | |  | |  | 
|  | |  | |  | |  | 
|______| |______| |______| |______| 

       [ See more... ] 

あなたが入力すると、See more...ボタンが8枚の画像を読み込み、フェードイン、無駄なスライドなど）

画像サイトをスクラップすることもできます。イメージが製品のものである場合、 Amazonは、検索し、画像を読み込むことができます。しかし、イメージを使用すると著作権問題に遭遇するかもしれません（私には分かりません）。