效果图

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实现图片上传

相关文章:

  • 2021-12-18
  • 2021-06-26
  • 2021-07-11
  • 2021-11-29
  • 2022-12-23
  • 2022-12-23
  • 2021-09-01
  • 2021-11-02
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-16
  • 2021-10-12
  • 2021-11-20
  • 2022-02-01
相关资源
相似解决方案