html5调用本地图片,H5 上传图片 获取本地图片地址

accept="image/jpeg, image/jpg, image/png"/>

function preImg(sourceId, targetId) {

//获取文件

var file = document.getElementById(sourceId).files[0];

//创建读取文件的对象

var reader = new FileReader();

//创建文件读取相关的变量

var imgFile;

//为文件读取成功设置事件

reader.onload=function(e) {

imgFile = e.target.result;

var url = imgFile;

var imgPre = document.getElementById(targetId);

imgPre.src = url;

document.getElementById("load").style.display = "none";//隐藏

document.getElementById("cropSection").style.display = "";//显示

};

//正式读取文件

reader.readAsDataURL(file);

}