<input name="upimage" id="upload_file" type="file">
<img src="/img/touxiang.jpg" id="showImage" ><br /><br />


<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> //jq cdn
　　<script type="text/javascript">
　　　　var imgurl = ‘aaa‘;
　　　　$(‘#upload_file‘).change = function (){
            gen_base64();
        };
　　　　function $_(id) {
　　　　　　return document.getElementById(id);
　　　　 }
　　　　function gen_base64() {
　　　　　　var file = $_(‘upload_file‘).files[0];
　　　　　　r = new FileReader();  //本地預覽
　　　　　　r.onload = function(){
 　　　　 　console.log(r.result)    //r.result 即為base64編碼
　　　　　　$(‘#showImage‘).attr(‘src‘,r.result)  
        }
        r.readAsDataURL(file);    //Base64
     }
</script>

        

js獲取input上傳圖片裝換為base64格式圖片