帆软报表实现将单元格中图片悬停放大的效果

注意注意:图片数据来源于数据表中的二进制数据,并非图片链接

image.png

image.png

我尝试在报表加载结束事件里头添加js代码:

$(".x-table td").mouseover(function(e){

var col=Number($(this).attr("col"));  //获取鼠标当前所在单元格的col

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

var img=contentPane.curLGP.getCellValue(col,row);  //获取到隐藏的图片地址

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

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

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

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

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

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

.css("left","50%")

.css("top","50%")

.css("z-index","9999")

.css("position","absolute")            

});

//鼠标离开这个div移除

$(".x-table td").mouseout(function(e){

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

});

但是这种方法,无法实现,因为我的图片不是图片链接,而是直接读取的数据库中的图片二进制数据,我应该怎么改一下这段代码。

FineReport TCSWBDYU 发布于 2024-4-2 15:12
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
ID1208Lv6高级互助
发布于2024-4-2 15:17(编辑于 2024-4-2 15:20)

二进制的图片目前好像不适用这个方法。。

换种思路,可以做一个子页面放大版的图片,然后超链接

  • 2关注人数
  • 463浏览人数
  • 最后回答于:2024-4-2 15:20
    请选择关闭问题的原因
    确定 取消
    返回顶部