JS获取图片的base64编码

Posted lilelile

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS获取图片的base64编码相关的知识，希望对你有一定的参考价值。

获取图片的base64编码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input accept="image/*" name="upimage" id="upload_file" type="file">
        <textarea id="base64_output" name="Word" style=" width:820px"></textarea>
        <script type="text/javascript">
            document.getElementById("upload_file").onchange = function () {
                gen_base64();
            };
            function $_(id) {
                    return document.getElementById(id);
            }
            function gen_base64() {
                var file = $_(‘upload_file‘).files[0];
                r = new FileReader();  //本地预览
                r.onload = function(){
                    $_(‘base64_output‘).value = r.result;
                }
                r.readAsDataURL(file);    //Base64
            }
        </script>
    </body>
</html>

 

以上是关于JS获取图片的base64编码的主要内容，如果未能解决你的问题，请参考以下文章

前台js获取base64编码显示图片，明明获取到值，但是报错提示src不能为undefined，在线等！跪求大佬！！！

js 将图片转换为base64编码

js实现图片上传预览功能，使用base64编码来实现

js base64与canvas base64

JS 截取图片(img)标签中一块区域的内容转为base64编码

jsp页面上怎么用javascript获取base64编码的图片的大小