本地预览图片

image.png

以下函数绑在input标签的change事件上
preview(e) {
let that = this;
let file = e.target.files[0];
that.$emit("imgFile", file);//传给父组件的file对象，上传到服务器

            let reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onloadend = function () {
                that.imgUrls.push(reader.result);//reader.result为img标签src可读取的结果
            };
        },