美文网首页
利用h5新特性将图片读取成base64

利用h5新特性将图片读取成base64

作者: Kevin_Tsang | 来源:发表于2018-10-06 17:45 被阅读0次

    getImg(e) {
    // 在读取文件前要自己根据相关api定义好读取器和读取动作完成时执行的方法
    // 先创建转换器
    const reader = new FileReader();
    // 定义读取完成时的执行的方法
    reader.onloadend = () => {
    // 储存读取结果(这里的result即图片的base64编码)
    this.imgs.push(reader.result);
    };
    // 上面都是定义,下方才开始真正的读取动作。除了读取图片成base64,还可以读取文本成字符串
    reader.readAsDataURL(e.target.files[0]);
    }

    相关文章

      网友评论

          本文标题:利用h5新特性将图片读取成base64

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