vue 根据返回base 64格式数据转换为图片显示

2021-09-26  本文已影响0人  web30

需求:后台返回的base 64格式数据转换为图片显示

效果图 后台返回数据
<el-table>
  <el-table-column label="电子签章">
     <template slot-scope="scope">
       <img v-if="scope.row.caDisplay" :src="scope.row.caDisplay" alt="" class="ca-img">
     </template>
   </el-table-column>
</el-table>
// 查询
    onSearch() {
      const params = {
        pageNo: 1,
        pageSize: 20
      }
      this.$requestInternet.post('/api/xxx', params).then(data => {
        this.tableData = data.data
        if (this.tableData && this.tableData.length > 0) {
          this.tableData.forEach(item => {
            // 用base 64前缀格式拼接起来
            item.caDisplay = item.caqmtp ? 'data:image/png;base64,' + item.caqmtp : ''
          })
        }
      })
    },
上一篇 下一篇

猜你喜欢

热点阅读