JS Base64字符串转图片

只愿云淡风清

于 2022-01-14 11:22:56 发布

阅读量2.4k

点赞数 1

分类专栏： javascript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/u012604299/article/details/122490176

版权

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种将Base64编码的图片字符串转换为实际图片的方法，并通过JavaScript在新窗口中展示出来。此方法适用于前后端交互场景，尤其是在需要动态预览图片的应用中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：接收后端图片字符串（Base64编码）转成图片，并在新窗口展示

/**
 * @param imgStr 图片base64字符串
 * @param imgName 图片名称
 **/
function showPic(imgStr, imgName){
	// 创建img标签
	let img = document.createElement('img');
	img.setAttribute( 'src', 'data:image/' +
                        imgName +
                        ';base64,' + imgStr
                    );
    // 在新窗口打开
    let newWindow = window.open();	// 注意：短时间内重复调用会被浏览器拦截
    newWindow .document.write(img.outerHTML);
}