html
<input type="file" id="file" accept="image/*" />
js
var file = document.getElementById('file');
//new文件读取对象
var reader = new FileReader();
//读取图片文件的路径
reader.readAsDataURL(file);
//文件读取为异步读取,修改或者修饰文件数据,需要注意
reader.onload=function(e){
var data = e.target.result;//图片文件的64位编码
//do something....
}