eleui,:preview-src-list用base64图像格式预览大图

ljlttkx

于 2021-09-14 16:53:52 发布

阅读量1.3k

点赞数 1

分类专栏：前端小问题 element-ui 文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/qq_23260455/article/details/120291327

版权

前端小问题同时被 2 个专栏收录

8 篇文章

订阅专栏

element-ui

4 篇文章

订阅专栏

<div v-if="item.picture!= null">
     <div v-for="picitem in item.pics" style="float: left;border:5px solid white;">
		<el-image  style="width: 100px; height: 100px" :src="'data:image/png;base64,'+picitem" :preview-src-list="dataURItoBlob(item.pics)"></el-image>
	 </div>				
</div>

        methods: {
            dataURItoBlob(val) {
                console.log("传参类型是不是数组", val instanceof Array)
                return val.map(item => `data:image/png;base64,${item}`)
            },