<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>H5页面上传手机照片</title>
</head>
<body>
<script type="text/javascript">
function previewFile() {
// 仅限上传单张图片
var file = document.querySelector('#imgFile').files[0];
var reader = new FileReader();
reader.addEventListener("load", function () {
var imageNode = document.getElementById("up_image");
imageNode.src = reader.result; // 存储在本地的图片的base64编码
` imageNode.load();//必须加上，否则不会刷新`
alert("result=" + imageNode.src);
}, false);
if (file) {
reader.readAsDataURL(file);
}
}
</script>
<form action="">
<!-- <p>图片1: <input type="file" name="uploadImg1"/></p>-->
<!-- <p>图片2: <input type="file" name="uploadImg2"/></p>-->
<!-- <input type="submit" value="Submit"/>-->
<input accept="image/*" capture="camera" id="imgFile" name="imgFile" type="file"
onchange="previewFile()"> <br/>
<p></p>
<img width="100px" height="100px" id="up_image"/>
</form>
</body>
</html>
<!doctype html>
<html lang="en">
<h
