vue中使用FileReader方法截取上传图片file并转bas64数据

一些上传图片的功能里，可能会伴随的有预览或是其他需要所上传图片bas64数据的场景，这是我们就可以使用FileReader方法

要注意，这个方法一定要写在上传文件之前。话不多上，上代码：

        beforeUpload(file) {          //文件上传前的钩子，在这里截取file
            console.log(file)
            this.previewFile(file)
        },
        previewFile(file) {   
            var reader  = new FileReader();
            let that = this
            reader.addEventListener("load", function () {
                that.commodity.imageDetail = reader.result;  //这就是我们最终所需要的bas64数据
            }, false);
            if (file) {
                reader.readAsDataURL(file);
            }
        }

小礼物走一走，加关注不迷路

qinqin.png