本文目录一览：
js 如何在对话框中显示图片?
在代码里添加以下代码执行就可以了
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”
html
head
title New Document /title
meta name=”Generator” content=”EditPlus”
meta name=”Author” content=””
meta name=”Keywords” content=””
meta name=”Description” content=””
script src=”” type=”text/javascript”/script
script language=”JavaScript”
!–
function downLoadImage(imagePathURL){
//如果中间IFRAME不存在，则添加
if(!document.getElementById(“_SAVEASIMAGE_TEMP_FRAME”))
jQuery(‘iframe style=”display:none;” id=”_SAVEASIMAGE_TEMP_FRAME” name=”_SAVEASIMAGE_TEMP_FRAME” onload=”_doSaveAsImage();”
width=”0″ height=”0″ src=”about:blank”/iframe’).appendTo(“body”);
if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){
//插入图片地址，加载图片
document.all._SAVEASIMAGE_TEMP_FRAME.src = imagePathURL;
}else{
//图片显示
_doSaveAsImage();
}
}
function _doSaveAsImage(){
if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=”about:blank”)
document.frames(“_SAVEASIMAGE_TEMP_FRAME”).document.execCommand(“SaveAs”);
}
//–
/script
/head
body
input type=”button” value=”download image” onclick=”downLoadImage(‘jpg’);”
/body
/html
javascript点击查看图片，弹框显示图片，怎么用js怎么实现？
最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。
先去官网下载layer包，你的网页引用layer的js文件。
地址：网页链接 点击相册层
然后js代码：
//调用示例
layer.ready(function(){ //为了layer.ext.js加载完毕再执行
var ps=$(“#psize”).val();
layer.photos({
photos: ‘#layer-photos-demo’
,shift: ps //0-6的选择，指定弹出图片动画类型，默认随机
});
});
html代码：
div id=”layer-photos-demo” class=”layer-photos-demo”
img layer-pid=”图片id，可以不写” layer-src=”缩略图片地址” src=”图片地址” alt=”” style=”height: 140px;width: 120px;border:1px solid #bbb;”
/div
如何用JS语句显示图片？
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的script标签，输入js代码：$(‘body’).append(‘img src=”” /’);。
3、浏览器运行index.html页面，此时图片被js成功显示到页面上。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/295802.html
微信扫一扫 
支付宝扫一扫 