vue 表单上传的图片 然后提交过后传到另外一个页面 不是传给后端 还是传给前端页面

Question

图片如何从一个页面传到另一个页面 不是传给后端 还是传给前端的页面

Answer 1

页面query传参

 this.$router.push(
  { 
   path:'/xxx',
   query:{ base64:base64码 } 
  }
)

接参

data() {
  return{
   base64: {
     imgStr: ''
   }
 }
}


this.base64.imgStr = this.$route.query.base64  //接收参保存到data

渲染

<img :src="'data:image/png;base64,' + base64.imgStr"/>  //渲染为png格式

data() {
  return{
   base64: {
     imgStr: ''
   }
 }
}