<img src="123.png" width="20px" height="20px" class="layui-upload-img" onclick="previewImg(this)">
function previewImg(obj) {
var img = new Image();
img.src = obj.src;
//var height = img.height + 50; // 原圖片大小
//var width = img.width; //原圖片大小
var imgHtml = "<img src='" + obj.src + "' width='500px' height='500px'/>";
//彈出層
layer.open({
type: 1,
shade: 0.8,
offset: 'auto',
area: [500 + 'px',550+'px'], // area: [width + 'px',height+'px'] //原圖顯示
shadeClose:true,
scrollbar: false,
title: "圖片預覽", //不顯示標題
content: imgHtml, //捕獲的元素,注意:最好該指定的元素要存放在body最外層,否則可能被其它的相對元素所影響
cancel: function () {
//layer.msg('捕獲就是從頁面已經存在的元素上,包裹layer的結構', { time: 5000, icon: 6 });
}
});
}
//另外打開一個頁面顯示圖片
function previewImg(obj) {
window.open(obj.src);
}