js 图片转base64编码

原理：利用的是H5的FileReader

<div class="form-group">
    <label for="exampleInputFile">请上传人物图片</label>
    <input type="file" id="myfile" name="myfile">
</div>

<script type="text/javascript">
        //图片预览
        $("#myfile").change(function(){
            $imginfo = $(this).get(0).files[0];
            var fr = new FileReader();
            fr.readAsDataURL($imginfo); //发起异步请求
            fr.onload = function(){
                //读取完成后，数据保存在对象的 result 属性中
                pic = this.result; //pic中保存的就是base64编码，带头部的
                pic_nohead = pic.substr(pic.indexOf(',')+1); //这是做别的用的，在这没用
                $(".image_thumb").attr("src",pic);
            }
        })
</script>