我正在开发一个项目,它是一个网站的imageviewer。我对制作我想要的工作的最佳方法有疑问。
我在做什么
基本上,我使用名为“Prometeus”的图像查看器(由Gerard 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和网页设计有些新意,所以如果有更简单的方法,请告诉我。
答案 0 :(得分:0)
如果我做得对,你想上传图像并动态添加到html而不编辑html?如果是这种情况,则必须为图像添加上传部分。
您可以在此处找到上传示例:http://www.reconn.us/content/view/30/51/
您必须创建一个数据库,您将在其中编写映像名称,然后编写一个脚本来读取数据库并循环遍历结果并在将生成的html文件上打印img
标记。我希望我能帮忙。
尼克。