百度上都是讲怎么转成base64,但是我现在是接收到了一个base64的字符串,
我该怎么将base64字符串显示成图片呢,表单的列字段如下
《el-table-column prop="img" label="头像" >《/el-table-column>
<el-table-column prop="headimg" label="头像" :show-overflow-tooltip="true">
<template slot-scope="scope">
<img :src="scope.row.headimg" style="width: 100%;border-radius: 50%;"/>
</template>
</el-table-column>
<img src="data:image/png;base64=XXXXXX">
如果是其他类型的图片,修改下data:后面的MIME类型就好了。
其中XXXXXX是你的图片Base64编码后的结果。
所有的MIME类型请戳-》MIME参考手册--来自W3SCHOOL-CN
//将base64转换为文件 data ---base64字符串 filename---生成文件的名字 ---- 传入的bsae64 去掉data:image/png;截取这个后面的
function dataURLtoFile(data, filename) {
var bstr = atob(data), n = bstr.length, u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type: "jpg/png"});
// return u8arr;
}