需求
现在网站首页有一个新闻图片轮播的功能,五张图片按照顺序,随机使用各种特效进行替换,点击图片,可以看到对应的新闻,很漂亮,很流行的功能。现在需要后台管理员来自由维护。所以需要有个图片的管理功能,包括简单的上传,放大查看,删除功能。
实现
1、jsp读取指定文件夹的所有图片
File file = new File(path);
File[] entry = file.listFiles();
按照设计比较好看的css样式在页面显示。
2、使用lightbox实现图片的放大查看功能。
3、使用swfupload实现图片的上传。
使用
使用这个图片管理器需要注意几点(jsp文件和handler.js文件中都有相应的注释):
1、指定服务器固定文件夹。jsp读取和上传都在这个文件夹中操作。
2、处理文件上传的url路径,注意还要写全部,否则在Firefox中会报404错误。
3、在handler.js文件中的上传完成函数中最后添加上返回相应页面的地址。本例子中要返回本jsp页面,实现上传完毕后,页面中就可以看到所有的图片了。
效果