通过JavaScript进行网站图像管理 - 处理这个问题的好方法是什么？

Question

我正在为一个网站制作一个管理页面。 目前，它允许用户查看一组可以删除，编辑或添加（创建新）的“产品”。 通过允许用户使用一些javascript / css在屏幕顶部显示的表单上填写/编辑值来添加和编辑两者。

我遇到的问题是我需要允许管理员选择一个图像来与他们正在创建或使用此表单编辑的产品相关联。 为了使现在变得简单，我们假设所有可选图像都已保存在“ROOT / images”文件夹中。

如何为用户提供一个很好的界面，以便从此表单上的服务器中选择图像？ 我无法提前将所有图像与网页一起发送，万一最终成千上万，我不知道如何让客户端的网页通过javascript访问服务器端的内容。

我只能使用{PHP / MySql / JavaScript（如果我需要的话还有jQuery / HTML / CSS） - 任何人都可以给我一个关于如何完成这个任务的想法，或者围绕这个问题的常见替代方法是什么？

Answer 1

如果有数千个图像，则无需在一个页面上显示所有图像。 我（个人）不能一次处理那么多图像并在它们中做出有效选择（更不用说等待所有图像加载）。

我会尝试为图像分配一个标记系统（如果可能的话）并创建一个简化过程的界面：

Search for an product: __________________ [ search ]

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

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

                [ See more... ]

您可以使用jQuery使界面变得更加精美（图片在您键入时加载， See more...按钮加载8个图像并且它们会淡入，无用的滑动等）

另一种方法是刮去图像网站。 如果图像是产品，您可以抓取亚马逊查询并加载他们的图像。 但是如果你使用他们的图像，你可能会遇到版权问题（我不知道）。

Answer 2

你基本上要求通过javascript提供的目录列表。

因此，您可以编写一个PHP脚本，将图像列为json编码数组。

该脚本可以处理搜索和分页等其他操作，因此您不需要传输太多数据（一次性）。