JS 上传图片转换成二进制流base64

accept可限制上传所选文件是什么类型

<input type="file" style='display: none;' id="image_upload" accept="image/jpeg, image/png, image/jpg" >

　　 var fileInput = document.getElementById("image_upload");
    //选择文件
    fileInput.addEventListener('change',function(){
        //如果未传入文件则中断
        if(fileInput.files[0] == undefined){
            return;
        }
        
        var file = fileInput.files[0];
        
        //FileReader可直接将上传文件转化为二进制流
        var reader = new FileReader();  
        reader.readAsDataURL(file);//转化二进制流，异步方法
        reader.onload = function(){//完成后this.result为二进制流
            console.log(this.result);
            
            //页面显示文件名
            $("#name").html(file.name);
            
            var base64Str = this.result;
            var startNum = base64Str.indexOf("base64,");
            startNum = startNum*1 + 7;
            //去除前部格式信息（如果有需求）
            var baseStr = base64Str.slice(startNum);
            
            //临时存储二进制流
            $("#tempName").val(baseStr); 

 　　　　} 
　　})