kayode-adechinan/fileupload-preview.html

## fileupload-preview.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>repl.it</title>
  </head>

  <body>
    <div>Click the upload icon below to upload a file.</div>

    <img
      id="imgFileUpload"
      alt="Select File"
      title="Select File"
      src="https://speckyboy.com/wp-content/uploads/2017/12/open-source-file-upload-fields-thumb.png"
      width="100"
      height="100"
      style="cursor: pointer"
    />
    <br />
    <span id="spnFilePath"></span>
    <input type="file" id="FileUpload1" style="display: none" />
    <script type="text/javascript">
      window.onload = function() {
        var fileupload = document.getElementById("FileUpload1");
        var filePath = document.getElementById("spnFilePath");
        var image = document.getElementById("imgFileUpload");
        image.onclick = function() {
          fileupload.click();
        };
        fileupload.onchange = function() {
          image.src = URL.createObjectURL(event.target.files[0]);
        };
      };
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>repl.it</title>
	</head>

	<body>
	<div>Click the upload icon below to upload a file.</div>

	<img
	id="imgFileUpload"
	alt="Select File"
	title="Select File"
	src="https://speckyboy.com/wp-content/uploads/2017/12/open-source-file-upload-fields-thumb.png"
	width="100"
	height="100"
	style="cursor: pointer"
	/>
	<br />
	<span id="spnFilePath"></span>
	<input type="file" id="FileUpload1" style="display: none" />
	<script type="text/javascript">
	window.onload = function() {
	var fileupload = document.getElementById("FileUpload1");
	var filePath = document.getElementById("spnFilePath");
	var image = document.getElementById("imgFileUpload");
	image.onclick = function() {
	fileupload.click();
	};
	fileupload.onchange = function() {
	image.src = URL.createObjectURL(event.target.files[0]);
	};
	};
	</script>
	</body>
	</html>