美文网首页
vue中使用FileReader方法截取上传图片file并转ba

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

作者: 798b6b7c244d | 来源:发表于2020-01-07 16:33 被阅读0次
    一些上传图片的功能里,可能会伴随的有预览或是其他需要所上传图片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

    相关文章

      网友评论

          本文标题:vue中使用FileReader方法截取上传图片file并转ba

          本文链接:https://www.haomeiwen.com/subject/qptdactx.html