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

墨蓝 2022-01-21 03:41 617阅读 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 条评论，617人围观）

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

相关阅读

相关 uni-app点击预览图片

uni-app点击预览图片在uni-app中已经提供了预览图片的方法`uni.previewImage`，直接调用就可以了如果是类似轮播图，是固定是几张图片，直接获

た入场券/ 2023年06月30日 08:57/ 0 赞/ 38 阅读

相关点击按钮触发事件弹出 div 小窗口

首先设置配置mydialog.css @charset "utf-8"; .black_overlay{ display:

比眉伴天荒/ 2023年06月19日 02:56/ 0 赞/ 17 阅读

相关 uni-app点击预览图片

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

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

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

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

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

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

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

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

相关微信图片点击预览

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

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

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

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

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

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

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

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

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

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

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

相关 uni-app点击预览图片

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

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