图片的数据集字段放入到单元格,数据分析展示出图片,如何实现鼠标悬浮或者点击进行放大

有大神帮忙看看吗,看了好多帖子都没有实现成功

2.png

1.png

FineReport LeungChisan 发布于 2023-9-27 09:10
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
CD20160914Lv8专家互助
发布于2023-9-27 09:16(编辑于 2023-9-27 09:20)

显示图片.rar

----------------------

参考这个我测试是可以的。。。。。

image.png

  • LeungChisan LeungChisan(提问者) 图片存放在数据库的数据不是路径,是二进制流
    2023-09-27 10:58 
  • CD20160914 CD20160914 回复 LeungChisan(提问者) 那你要转换一下了
    2023-09-27 11:01 
  • LeungChisan LeungChisan(提问者) 回复 CD20160914 大神知道怎么转换吗
    2023-09-27 11:10 
  • CD20160914 CD20160914 回复 LeungChisan(提问者) 参考看一下没有测试过https://blog.csdn.net/qq_51493136/article/details/131398759
    2023-09-27 11:19 
最佳回答
0
年年plusLv5中级互助
发布于2023-9-27 09:15
最佳回答
0
用户k6280494Lv6专家互助
发布于2023-9-27 09:16(编辑于 2023-9-27 09:17)

图片灯箱插件

或做一个图片预览cpt

超链弹窗显示

  • LeungChisan LeungChisan(提问者) 图片存放在数据库的数据不是路径,是二进制流
    2023-09-27 11:00 
  • 用户k6280494 用户k6280494 回复 LeungChisan(提问者) 那就做一个cpt,把id传过去,在查出来放在单元格
    2023-09-27 11:04 
最佳回答
0
changchenLv4见习互助
发布于2023-9-27 09:31
  1. $("img").mouseover(function(e){

  2. var img=$(this).attr("src");  //获取鼠标当前所在单元格的row 

  3. $("body").append("<div id='preview'><img src='"+ img +"'  /></div>");        //弹出一个div里面放着图片

  4. $("#preview")//修改这个div的样式,让他居中

  5. .css("-ms-transform","translate(-50%,-50%)")

  6. .css("-moz-transform","translate(-50%,-50%)")

  7. .css("-o-transform","translate(-50%,-50%)")

  8. .css("transform","translate(-50%,-50%)")

  9. .css("left","40%")

  10. .css("top","40%")

  11. .css("z-index","9999999")

  12. .css("position","absolute")        

  13. .css("transform","scale(1)")

  14.                                 

  15.     });

  16.     //鼠标离开这个div移除

  17. $("img").mouseout(function(e){

  18.                 $("#preview").remove();

  19.     });        

可以试试这样,但是好像单元格没有办法添加事件

  • 5关注人数
  • 376浏览人数
  • 最后回答于:2023-9-27 09:31
    请选择关闭问题的原因
    确定 取消
    返回顶部