♞HTML5 直接提取本地图片BSAE64数据
首先我们在先创建两个控件，一个file控件，用来选择本地图片文件，再来创建一个img,用来存放转换后的数据。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function Get_Local_Img_Base64(id_r,id_w){
var obj_r= document.getElementById(id_r).files[0];
var obj_w= document.getElementById(id_w);
var reader = new FileReader();
reader.readAsDataURL(obj_r);
reader.onload = function(e){ obj_w.src=this.result; }
}
</script>
</head>
<body>
<input type="file" id='src_img' accept="image/*;capture=camera" onchange=Get_Local_Img_Base64(this.id,'look_image') />
<br>
<img id='look_image' />
</body>
</html>
function Get_Local_Img_Base64(id_r,id_w){
var obj_r= document.getElementById(id_r).files[0];
var obj_w= document.getElementById(id_w);
var reader = new FileReader();
reader.readAsDataURL(obj_r);
reader.onload = function(e){ obj_w.src=this.result; }
}
阅读剩余
版权声明：
作者：Mr.x
链接：http://www.x1985.org/?p=619
文章版权归作者所有，未经允许请勿转载。
THE END
