base64转图片及显示

最新推荐文章于 2024-05-31 15:00:13 发布

湘水狱

最新推荐文章于 2024-05-31 15:00:13 发布

阅读量2.1k

点赞数

分类专栏： vue 文章标签： base64转图片并显示 base64转图片 base64转图片后无法显示

本文链接：https://blog.csdn.net/weixin_45527702/article/details/117324946

版权

82 篇文章 3 订阅

订阅专栏

	<img style="width:200px;height:200px;margin:auto;" 
		:src="'data:img/png;base64,' + img_picture" 
		alt="图片加载失败" 
		:title="img_title">

data中定义img_picture和img_title，alt主要作用于图片没有出现的提示语句；title作用是鼠标放在图片上，给出的提示语句；
注：:src=" 'data:img/png;base64,' + img_picture " 其中的单双引号

data(){
	img_picture: " base64的编码 ",  // 笔者的照片的base64是来自后端
	img_title：" 图片命名 ",
}

笔者在调试过程中：最开始写的是:src=" 'data:image/png;base64,' + img_picture "，效果没有实现；最后改成:src="'data:img/png;base64,' + img_picture"就好啦！不能说前面的写法错误，根据js代码的适应性而定

关注