jquery+easyui+structs实现图片上传

效果图

jquery+easyui+structs实现图片上传

有一个div

jquery+easyui+structs实现图片上传

后台是structs,前台js如下,先用base_id查询出图片的pic_id和pic_location信息,再循环遍历查询出的数据,根据pic_id再去查询对应的图片,然后将查询出来的结果以src标签的形式append到指定位置。

jquery+easyui+structs实现图片上传

数据库表设计

jquery+easyui+structs实现图片上传

后台重点

jquery+easyui+structs实现图片上传

查询所用的sql:

jquery+easyui+structs实现图片上传

 

 

对于以上过程可能会有几个疑问:

1、base_id从哪里来?

如下所示,base_id是以下列表的序号,是从数据库查询出来的

jquery+easyui+structs实现图片上传

jquery+easyui+structs实现图片上传

当上图中的列表页面加载时,会调用sql

jquery+easyui+structs实现图片上传

当点击查看时,会将base_id作为参数,传给showDaseinfo.jsp页面

jquery+easyui+structs实现图片上传

showDaseinfo.jsp页面用如下方式去接收参数

jquery+easyui+structs实现图片上传

然后将值传给js

jquery+easyui+structs实现图片上传

然后跳到showImage.jsp页面,就可以直接使用base_id了

jquery+easyui+structs实现图片上传