Question

您好，我正在创建一个上传图像，但是在预览图像上遇到了问题，我已经看到了此解决方案，并尝试复制文件，并选择了Blob URL，但是我在URL上存在问题并进行更新，这是文章的链接。另外，如果有可能将上传更改为仅定位到图像文件。

HTML代码

  <input type="file" @change="uploadImageChange"/>
          <div class="dashboard-Image-modal__previewUploadImage">
              <img if="imageSelectedUrl" :src="imageSelectedUrl"/>
          </div>

方法

data(){
return {
   imageSelectedUrl:null
};
    },

methods:{
uploadImageChange(e){
      const file = e.target.files[0];
      this.imageSelectedUrl = URL.createObjectURL(file);
    }
}

Answer 1

我认为我发现了问题，你这样写道：

data(){
   return {
       imageSelectedUrl:null
   },

您错过了}。尝试写：

data () {
        return {
            imageSelectedUrl: null
        }
    },

Vue图像Src绑定未显示

1 个答案: