vue 上传图片、视频、音频后回显

filePreview (file) {
    var self = this;
    //定义一个文件阅读器
    var reader = new FileReader()
    //文件装载后将其显示在图片预览里
    reader.onload = function (e) {
        //将bade64位图片保存供图片显示
        self.errorimg = ''
        self.editForm.filePath = e.target.result
        self.videoOptions.src = e.target.result
    };
    reader.readAsDataURL(file);
},

 

<audio class="width-full" controls :src="videoOptions.src"></audio>
<video class="width-full video" autoplay controls :src="videoOptions.src"></video>
<img class="width-full img" :src="editForm.filePath" alt="">