iframe 图片显示自动缩放问题

  1. var $iframe = $("<iframe id='zp' name='zp' width='100%' height='100%' scrolling='yes' frameborder='0'>");

  2. $iframe.attr("src", "http://123.com:8075/WebReport/img/"+filename);

  3. var o = {
  4. title:"图片【"+filename+"】",
  5. width: 600,
  6. height: 600,
  7. left:0,
  8. top:0
  9. };
  10. FR.showDialogXY(o.title, o.width, o.height, $iframe,o,0,0);
复制代码
如下图显示,怎么写代码让图片,自动缩放?(不失真的前提下)

FineReporttwshe 发布于 2017-1-9 09:07
悬赏:2 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共11回答
最佳回答
0
macro_hard发布于2017-1-9 09:07(编辑于 2023-9-6 09:34)
555
  • twshe twshe(提问者)

    牛逼哄哄!!!谢谢!!
    回复
    2017-01-17 11:30 
  • twshe twshe(提问者)

    $(\".fr-core-window.ui-state-enabled\").css(\"left\",20)
    $(\".fr-core-window.ui-state-enabled\").css(\"top\",100);

    左边 距离20像素。这个是固定的。没问题。
    那么如何修改,上下距离是根据屏幕显示来自动跳呢?
    回复
    2017-02-08 11:58 
最佳回答
0
yangleizhi1006发布于2017-1-9 09:31(编辑于 2023-9-6 09:34)
555
最佳回答
0
twshe发布于2017-1-9 10:17(编辑于 2023-9-6 09:34)
555
最佳回答
0
xwzsbh发布于2017-1-9 10:20(编辑于 2023-9-6 09:34)
555
最佳回答
0
twshe发布于2017-1-9 17:01(编辑于 2023-9-6 09:34)
555
  • macro_hard macro_hard

    $iframe.attr(\"src\", \"http://123.com:8075/WebReport/ReportServer?reportlet=展示图片用.cpt&filename=\"+filename);
    展示图片用.cpt里加个模版参数$filename来接受文件名,然后  展示图片用.cpt 里用toimage函数展示图片
    回复
    2017-01-09 22:10 
最佳回答
0
Sunday发布于2017-1-9 19:40(编辑于 2023-9-6 09:34)
555
最佳回答
0
macro_hard发布于2017-1-9 22:10(编辑于 2023-9-6 09:34)
555
  • twshe twshe(提问者)

    展示图片用.cpt 里用toimage函数展示图片

    这个方法有想过,
    但使用toimage,会使图片压缩,如果想保持图片原汁原味,就是缩放,适合浏览。又可以原图转发微信
    回复
    2017-01-10 08:24 
最佳回答
0
twshe发布于2017-1-10 08:24(编辑于 2023-9-6 09:34)
555
  • macro_hard macro_hard
    [attach]56085[/attach]
    超级链接弹出对话框,对话框嵌入一个jsp页面,jsp页面通过url参数获取图片url地址展现在img标签内,图片的大小自动根据img标签的height和width缩放。
    解压后根据放入tomcat内相应目录测试(因为设计器自带jetty没开启支持jsp)

    回复
    2017-01-09 09:07 
最佳回答
0
静听禅鸣发布于2017-1-12 05:51(编辑于 2023-9-6 09:34)
555
最佳回答
0
twshe发布于2017-1-17 11:30(编辑于 2023-9-6 09:34)
555
  • 0关注人数
  • 2047浏览人数
  • 最后回答于:2017-2-8 11:58
    活动推荐 更多
    热门课程 更多
    返回顶部