美文网首页
原生JS将图片转为base64,实时预览

原生JS将图片转为base64,实时预览

作者: 一懒众衫小小小小 | 来源:发表于2020-04-15 11:00 被阅读0次

    html代码部分:

    <img id="img">
    <input type="file" id="img-select">
    

    原生js部分:

    function imgPreview() {
        var files = this.files;
        var file = files[0];
        var reader = new FileReader();
        reader.onload = function() {
            var result = this.result;
            document.getElementById('img').src = result; // img的id
        };
        reader.readAsDataURL(file);
    }
    document.getElementById('img-select').addEventListener('change', imgPreview);
    

    相关文章

      网友评论

          本文标题:原生JS将图片转为base64,实时预览

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