单元格图片内容为base64怎么实现旋转、放大、缩小功能?

image.pngimage.png参考这个文档实现JS实现点击单元格弹框展示可旋转图片- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)时候路径data-src用base64不行,有没大佬帮忙看看,怎么用base64实现的image.png

FineReport yzmB43M63563199 发布于 2024-10-18 10:58 (编辑于 2024-10-18 11:22)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
用户k6280494Lv6资深互助
发布于2024-10-18 11:08(编辑于 2024-10-18 11:44)

给base64的前面加上"data:image/jpeg;base64,xxx",html才能显示,你试试看

data:image/png;base64,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

  • yzmB43M63563199 yzmB43M63563199(提问者) 加过了,显示出来是黑的
    2024-10-18 11:13 
  • 用户k6280494 用户k6280494 回复 yzmB43M63563199(提问者) 那就还是格式不对"data:image/jpeg;base64,"拼接上你数据库的内容
    2024-10-18 11:15 
  • yzmB43M63563199 yzmB43M63563199(提问者) 回复 用户k6280494 正常拼接就是上面那个图片的,就是用了介绍方案,然后显示是黑色的
    2024-10-18 11:22 
  • 用户k6280494 用户k6280494 回复 yzmB43M63563199(提问者) 你把这个文本复制出来拼接好写死放进去看看
    2024-10-18 11:29 
  • yzmB43M63563199 yzmB43M63563199(提问者) 回复 用户k6280494 写死可以。。看来是公式问题
    2024-10-18 13:02 
最佳回答
0
华莉星宸Lv7资深互助
发布于2024-10-18 11:06
  • 3关注人数
  • 104浏览人数
  • 最后回答于:2024-10-18 11:44
    请选择关闭问题的原因
    确定 取消
    返回顶部