base64地址格式的图片,从新窗口打开

需求:图片列表页,点击图片,呈现图片原始放大尺寸;
方法:增加点击事件;

<a>
	<img 
		src="data:image/jpeg;base64,${item.baseimg}" 
		onclick="imgTarget(this)" 
		alt="${item.adress}" 
		onerror="this.src='/img/face/dialog.gif';this.οnerrοr=null"
	/>
<a/>

备注:上边 "data:image/jpeg;base64,"是字符串,拼接出base64的完整图片格式,
${item.baseimg} 是后台传过来的数据;

在这里插入图片描述

function imgTarget(e){
	let src = e.getAttribute('src');  //base64格式的地址
	const img = new Image();
	img.src = src;
	const newWin = window.open("", "_blank");
	newWin.document.write(img.outerHTML);
	newWin.document.title = "报警图";
	newWin.document.close();
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值