我正在为一个网站的图像查看器项目工作。我有一个关于做我想工作的最佳方法的问题。图像查看器和包含文件
我在做什么
基本上，我使用所谓的“此Prometeus”图像查看器（撰稿杰拉德Ferrandez - http://www.dhteumeuleu.com - 2005年2月），并在代码的html页面的一个块，必须把格式：
<img src="../images/filename.jpg"><span>Tag for image</span>
文件必须是JPG格式，具有一定规模。
这一切工作正常，我有一个单独的页面，可以让您在/images文件夹中的服务器上传图片，每次客户端想要在图像墙上放置一张新照片，我必须添加另一行图像查看器的html文件中的代码来显示这一点。
基本上，我的图片浏览器页面看起来像这样的部分显示的图片：
<img src="../images/image1.jpg"><span>image1description</span>
<img src="../images/image2.jpg"><span>image2description</span>
<img src="../images/image3.jpg"><span>image3description</span>
<img src="../images/image4.jpg"><span>image4description</span>
...和等等。
的问题
我想使这个好用谁想要上传的图片。不得不单独输入html文件中的每行代码是有风险的：任何人都必须登录到服务器并编辑HTML文件，这很可能会破坏代码并搞乱页面。我希望这是自动的：用户应该能够进入上传页面，上传图片，并且图像查看器应该可以访问该行代码，因此基本上这是一个易于使用的前端。此外，这是费时，必须有一种方式自动发生。
可能的解决方案
我在想，要做到这一点，最好的办法是，当客户端使用上传上传文件到服务器，上传也将添加一行到另一个文件，以便该文件仅仅是一个格式的图像列表：
<img src="../images/image1.jpg"><span>image1description</span>
<img src="../images/image2.jpg"><span>image2description</span>
<img src="../images/image3.jpg"><span>image3description</span>
<img src="../images/image4.jpg"><span>image4description</span>
我要做到这一点，有图片浏览器包括为图像列表文件中的代码，但我不知道该怎么做。什么是这个工作的最佳途径？
我对HTML和网页设计有点新，所以如果有更简单的方法来做到这一点，请告诉我。