serverless base64 encoder

<!doctype HTML>
<html>
    <head>
        <title>B64 encoder</title>
    </head>
    <body>
        <input type="file" accept="image/*" />
        <pre style="word-wrap:break-word;width:800px;"></pre>
        <script type="text/javascript">
            var q=document.querySelector.bind(document);
            q("input").onchange=function()
            {
                var f=q("input").files[0];
                var fr=new FileReader();
                fr.onloadend=function(e)
                {
                    q("pre").textContent="<img src=\""+(e.result||e.currentTarget.result)+"\" alt=\""+f.name+"\"/>";
                    var selection=window.getSelection();
                    var range=document.createRange();
                    range.selectNodeContents(q("pre"));
                    selection.removeAllRanges();
                    selection.addRange(range);
                }
                fr.readAsDataURL(f);
            }
        </script>
    </body>
</html>