图片转base64位编码-源码

图片转base64位编码

欢迎加入qq群(IT-程序猿-技术交流群)：757345416

JavaScript部分

 <script type="text/javascript">
    window.onload = function(){ 
    //获取dom对象
    var img_upload=document.getElementById("img_upload");
    var base64_code=document.getElementById("base64_code");
    var img_area=document.getElementById("img_area");
    // 监听事件
    img_upload.addEventListener('change',readFile,false);}
    function readFile(){
        var file=this.files[0];
        if(!/image\/\w+/.test(file.type)){ 
        alert("请检查是否为正确图片类型"); 
        return false; 
    }
    var reader=new FileReader();
    reader.readAsDataURL(file);
    reader.onload=function(){
        base64_code.innerHTML = this.result; 
        img_area.innerHTML = '<div>您上传的图片为：</div><img src="'+this.result+'" alt=""/>'; 
    }
}
</script>
<input type="file" id="img_upload"/>
<textarea id="base64_code" rows="30" cols="360"></textarea>
<p id="img_area"></p>

css部分

<style type="text/css">
        textarea{
            width: 100%;
        }
</style>