通过JavaScript进行网站图像管理——这是一个处理这个问题的好方法


Website image management via JavaScript - what's a good way to handle this?

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

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

我如何为用户提供一个很好的界面,从服务器上选择这个表单上的图像?我不能提前把所有的图片都发到网页上,以防最后有几千张,我也不知道如何让客户端的网页通过javascript访问服务器端的东西。

我被限制使用{PHP/MySql/JavaScript (w/jQuery,如果我需要它)/HTML/CSS} -谁能给我一个关于如何完成这个任务的想法,或者围绕这个问题的常见替代方法是什么?

你基本上是在要求一个可以通过javascript获得的目录列表。

所以你可以编写一个PHP脚本,将这些图像作为json编码的数组列出。

该脚本可以处理额外的操作,如搜索和分页,所以您不需要传输太多的数据(一次)

如果确实有成千上万的图像,那么将它们全部显示在一个页面上是没有用的。我(个人)无法同时处理许多图像,并在其中做出有效的选择(更不用说等待它们全部加载)。

如果可能的话,我会尝试为图像分配一个标签系统,并制作一个简化过程的界面:

Search for an product: __________________ [ search ]
Results:
 ______      ______      ______      ______ 
|      |    |      |    |      |    |      |
|      |    |      |    |      |    |      |
|      |    |      |    |      |    |      |
|______|    |______|    |______|    |______|
 ______      ______      ______      ______ 
|      |    |      |    |      |    |      |
|      |    |      |    |      |    |      |
|      |    |      |    |      |    |      |
|______|    |______|    |______|    |______|
                [ See more... ]

你可以使用jQuery使界面更花哨(图像加载当你输入,See more...按钮加载8个以上的图像,他们淡入,无用的滑动等)

另一种选择是抓取图像站点。如果图片是关于产品的,那么可以从Amazon抓取查询并加载它们的图片。但是如果你使用他们的图片,你可能会遇到版权问题(我不知道)。