edk24/文件上传预览.html

## 文件上传预览.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>files-h5</title>
</head>
<body>
  <input type="file" id="file" onchange="showPreview(this, 'portrait')" />
  <img src="" id="portrait" style="width: 200px; height: 200px; display: block;" />
  <script>
  function showPreview(source, imgId) {
    var file = source.files[0];
    if(window.FileReader) {
      var fr = new FileReader();
      fr.onloadend = function(e) {
        document.getElementById(imgId).src = e.target.result;
      }
      fr.readAsDataURL(file);
    }
  }
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>files-h5</title>
	</head>
	<body>
	<input type="file" id="file" onchange="showPreview(this, 'portrait')" />
	<img src="" id="portrait" style="width: 200px; height: 200px; display: block;" />
	<script>
	function showPreview(source, imgId) {
	var file = source.files[0];
	if(window.FileReader) {
	var fr = new FileReader();
	fr.onloadend = function(e) {
	document.getElementById(imgId).src = e.target.result;
	}
	fr.readAsDataURL(file);
	}
	}
	</script>
	</body>
	</html>