vue+element-ui怎么将base64字符串显示成图片啊
课程设计
1
百度上都是讲怎么转成base64,但是我现在是接收到了一个base64的字符串,我该怎么将base64字符串显示成图片呢,表单的列字段如下
《el-table-column prop="img" label="头像" >《/el-table-column>
-
//将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; }
-
<el-table-column prop="headimg" label="头像" :show-overflow-tooltip="true"> <template slot-scope="scope"> <img :src="scope.row.headimg" class="page_speed_743398230"/> </template> </el-table-column>
发表回复