代码:
<!DOCTYPE html>
<html class="ui-mobile">
<head>
</head>
<body>
<img id="uploadPreview" style="width: 100px; height: 100px;">
<input id="uploadImage" type="file" name="myPhoto" οnchange="PreviewImage();" accept="image/*" capture>
<script type="text/javascript">
function PreviewImage() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);
oFReader.onload = function (oFREvent) {
document.getElementById("uploadPreview").src = oFREvent.target.result;
};
};
</script>
</body>
</html>
参考网站:
http://www.w3.org/TR/html-media-capture/#the-capture-attribute