Question

当我选择图像时，将它们更改为base64并将其保存在对象内部的数组中。我想通过v-bind：src显示它们，但它们不显示。

 <script>
    export default {
            data (){
                 return {
                      product:{
                           name:'',
                           description:'',
                           Photo:[]
                          }
                      }
                    },
            methods:{
                 PhotoSelected (e){
                    Here I change photos to base64
                   }
             } 
 </script>

Answer 1

我曾经遇到过与base64图片渲染相关的类似问题。

您需要在转换后的图像字节之前附加data:image/jpg;base64,。

<img v-bind:src="'data:image/jpeg;base64,'+{converted image}" />

如果这不能解决您的问题，请使用可复制的示例来更新您的问题

在Image Src上绑定数据无法正常工作

1 个答案: