文档章节

图片上传预览

_Tomorrow
 _Tomorrow
发布于 2016/04/14 09:45
字数 177
阅读 38
收藏 0

html:

 <div class="node_file index{{add @index 1}}" data-index="index{{add @index 1}}">
                        <div class="file_name_div">
                            <a href="/downloadHttpFile?fileName={{fileName}}&url={{fileLocation}}" class="file_download" title="{{fileName}}" data-name="{{fileName}}" data-location="{{fileLocation}}">{{fileName}}</a>
                        </div>
                        <div class="file_delete_div">
                          <a href="javascript:void(0);" class="file_delete" title="删除文件">删除</a>&nbsp;<a href="javascript:void(0);" data-location="{{fileLocation}}" class="file_show1" title="图片预览">预览</a>
                        </div>
                      </div>
<-- 用来显示图片的div -->
<div id="box_win" style="display: none;" >
    <img id="box" width="750" height="650" />
  </div>

js:

 //对刚刚上传的图片进行预览
      $(".file_show1").click(function(){
          //获取当前图片的路径
          var  uri = $(this).data("location");
          $("#box").attr("src",uri);
          $("#box_win").dialog({
              move: true,
              title: "图片预览",
              modal: true,
              padding:"auto",
              margin:"auto",
              width:"830",
              height:"730"
          }).dialog("open");
      });


© 著作权归作者所有

_Tomorrow
粉丝 4
博文 21
码字总数 2621
作品 0
青岛
项目经理
私信 提问

暂无文章

64.监控平台介绍 安装zabbix 忘记admin密码

19.1 Linux监控平台介绍 19.2 zabbix监控介绍 19.3/19.4/19.6 安装zabbix 19.5 忘记Admin密码如何做 19.1 Linux监控平台介绍: 常见开源监控软件 ~1.cacti、nagios、zabbix、smokeping、ope...

oschina130111
今天
13
0
当餐饮遇上大数据,嗯真香!

之前去开了一场会,主题是「餐饮领袖新零售峰会」。认真听完了餐饮前辈和新秀们的分享,觉得获益匪浅,把脑子里的核心纪要整理了一下,今天和大家做一个简单的分享,欢迎感兴趣的小伙伴一起交...

数澜科技
今天
7
0
DNS-over-HTTPS 的下一代是 DNS ON BLOCKCHAIN

本文作者:PETER LAI ,是 Diode 的区块链工程师。在进入软件开发领域之前,他主要是在做工商管理相关工作。Peter Lai 也是一位活跃的开源贡献者。目前,他正在与 Diode 团队一起开发基于区块...

红薯
今天
13
0
CC攻击带来的危害我们该如何防御?

随着网络的发展带给我们很多的便利,但是同时也带给我们一些网站安全问题,网络攻击就是常见的网站安全问题。其中作为站长最常见的就是CC攻击,CC攻击是网络攻击方式的一种,是一种比较常见的...

云漫网络Ruan
今天
12
0
实验分析性专业硕士提纲撰写要点

为什么您需要研究论文的提纲? 首先当您进行研究时,您需要聚集许多信息和想法,研究论文提纲可以较好地组织你的想法, 了解您研究资料的流畅度和程度。确保你写作时不会错过任何重要资料以此...

论文辅导员
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部