《/el-">

vue+element-ui怎么将base64字符串显示成图片啊

源码工厂 课程设计 1

百度上都是讲怎么转成base64,但是我现在是接收到了一个base64的字符串,我该怎么将base64字符串显示成图片呢,表单的列字段如下

《el-table-column prop="img" label="头像" >《/el-table-column>

回复

共2条回复 我来回复
  • 代码客栈
    这个人很懒,什么都没有留下~
    评论

    //将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;
    }
    
    0条评论
  • 源码码头
    这个人很懒,什么都没有留下~
    评论
              <el-table-column prop="headimg"  label="头像" :show-overflow-tooltip="true">
                <template slot-scope="scope">
                  <img :src="scope.row.headimg" class="page_speed_1867572094"/>
                </template>
              </el-table-column>
    
    0条评论

发表回复

登录后才能评论