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

时间:2011-11-07 17:40:07

标签: php javascript mysql html

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

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

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

我只能使用{PHP / MySql / JavaScript(如果我需要的话还有jQuery / HTML / CSS) - 任何人都可以告诉我如何完成这项任务,或者常见的替代方法是什么这个问题是?

2 个答案:

答案 0 :(得分:3)

如果有数千张图像,则无需在一页上显示所有图像。我(个人)不能同时处理 许多图像并在其中做出有效选择(更不用说等待所有图像加载)。

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

Search for an product: __________________ [ search ]

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

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

                [ See more... ]

您可以使用jQuery使界面更加精美(图片在您键入时加载,See more...按钮加载8个图像并且淡入,无用滑动等)。

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

答案 1 :(得分:3)

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

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

该脚本可以处理搜索和分页等其他操作,因此您不需要传输过多的数据(一次性)。