帆软填报,使用文件控件上传图片以二进制格式保存在数据库,如何实现图片放大预览?

帆软填报,使用文件控件上传图片以二进制格式保存在数据库,如何实现图片放大预览?

FineReport 用户J72x71611 发布于 2021-7-31 10:54
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
烟尘Lv6高级互助
发布于2021-7-31 20:47

一个思路,图片做个链接弹窗,弹窗里显示放大后的图片

也可以参考这个

https://bbs.fanruan.com/wenda/question/51651.html

最佳回答
0
用户a8068717Lv4初级互助
发布于2021-8-1 06:49

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

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

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

var img=contentPane.curLGP.getCellValue(col,row);  //获取图片

if(img==null){return}

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

$("#img1")

.css("width","100%")

.css("height","100%");

$("#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","9999999")

.css("position","absolute")

    });

    //鼠标离开这个div移除

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

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

    });

  • 4关注人数
  • 944浏览人数
  • 最后回答于:2021-8-1 06:49
    请选择关闭问题的原因
    确定 取消
    返回顶部