页面点击预览按钮弹出图片窗口

墨蓝 2022-01-21 03:41 486阅读 0赞

jsp：  
<script type="text/javascript" src="$\{ctx \}/resources/javascript/imageView.js"></script>  
...  
<input type="button" value="点击预览" οnclick="imageView('$\{goodsImg.directory \}/$\{goodsImg.picture \}');" />  
  
js：  
function imageView(path)\{  
    var random = parseInt(Math.random()\*10000+1);  
    $.ajax(\{  
        url : jsPath + '/business/system/getImageInfo.do',  
        type : "POST",  
        dataType : "json",  
        data : \{path:path\},  
        success : function(data, textStatus) \{  
            path = path+"?random="+random;  
            var width = 0;  
            var height = 0;  
            if(data != null && data != '')\{  
                width = data.width;  
                  height = data.height;  
            \}  
            if(width == 0 || height==0)\{  
                top.Dialog.alert("\\u56fe\\u7247\\u4e0d\\u5b58\\u5728!",null,250,80,null);  
            \}else\{  
                top.Dialog.open(\{  
                    InnerHtml: "<img src='"+jsPath+"/"+path+"' width='"+width+"' height='"+height+"' />",  
                      Title:"\\u56fe\\u7247\\u9884\\u89c8",  
                      Width:width,  
                     Height:height  
                \});  
            \}  
        \}  
    \});  
\}

发表评论取消回复

表情：

评论列表（有 0 条评论，486人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序点击单个图片进行预览图片，点击预览pdf文件

这里介绍的是单个图片点击预览的，也可以多张，方法差不多 index.wxml <view class="page"> <view class="pag

待我称王封你为后i/ 2022年12月10日 08:55/ 0 赞/ 670 阅读

相关 uni-app点击预览图片

<image :src="info.shopLogoUrl" @tap="_previewImage(info.shopLogoUrl)" mode="widthFi

朴灿烈づ我的快乐病毒、/ 2022年12月02日 00:43/ 0 赞/ 620 阅读

相关 vue中按钮点击上传图片并预览

html部分： <input type="file" ref="filElem" class="upImage" accept="image/" @change="

- 日理万妓/ 2022年11月14日 13:18/ 0 赞/ 290 阅读

相关点击按钮预览图片，可以预览多组图片（vue+element）

elementUI 提供的 Image 组件直接可以点击图片查看图片预览，我的需求也是查看预览图片，但是有很多小的区别！ > 1、点击按钮预览图片； > 2、可以预览多个

た入场券/ 2022年08月30日 15:59/ 0 赞/ 912 阅读

相关微信图片点击预览

$(function(){ var imgsurl=[]; var nowurl=''; var imgObj=$(".swi

快来打我*/ 2022年06月08日 09:50/ 0 赞/ 698 阅读

相关页面点击预览按钮弹出图片窗口

jsp： <script type="text/javascript" src="$\{ctx \}/resources/javascript/imageView.js">

墨蓝/ 2022年01月21日 03:41/ 0 赞/ 487 阅读

相关点击头像按钮实现图片上传并预览

背景手机添加通讯录时，希望实现点击图片上传头像，这里主要包含两个功能 1. 将上传图片的input按钮替换为指定图片，点击图片是触发input的上传事件。 2.

淡淡的烟草味﹌/ 2021年12月11日 23:29/ 0 赞/ 778 阅读

相关原生JavaScript实现点击图片在新页面预览

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

旧城等待，/ 2021年09月22日 00:46/ 0 赞/ 651 阅读

相关 uni-app点击预览图片

<image :src="info.shopLogoUrl" @tap="_previewImage(info.shopLogoUrl)" mode="widthFi

忘是亡心i/ 2021年07月24日 21:31/ 1 赞/ 1306 阅读

相关 uniapp 上传图片、点击预览图片

1、在回调中打开本地相册 uni.chooseImage({ count:上传照片数量, //浏览器无法限制,默认上传数量为9

比眉伴天荒/ 2021年07月24日 11:07/ 0 赞/ 1615 阅读