本文目录一览:
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成功显示到页面上。