cGAN-based-BW-Image-Colorization/display.html at master · xiaojiantou/cGAN-based-BW-Image-Colorization · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/style.css') }}">
</head>
<body>
	<header>
		<h1>IMAGE TRANSLATOR</h1>
		<h2 class="name1">Zixiao Zhang</h2>
		<h2 class="name2">Xuelun Li</h2>
	</header>
	<form method="post" enctype=multipart/form-data>
		<div class="gray">
			<img src= "{{url_for('static',filename='images/' + originname)}}" height="400" alt="Image preview...">
<!-- 		</div>
		<div class="color"> -->
			<img src= "{{url_for('static',filename='images/' + processed)}}" height="400" rightmargin="200" alt="Image preview..."></a>
		</div>
		<script type="text/javascript">
			function previewFile() {
			  	var preview = document.querySelector('img');
				var file    = document.querySelector('input[type=file]').files[0];
				var reader  = new FileReader();

				reader.addEventListener("load",function(){preview.src = reader.result;},false);

				if (file) {
					reader.readAsDataURL(file);
				}
			}
		</script>
		<div class="input">
			<input type="file" name="origin" onchange="previewFile()">
		</div>
	<div>
		<button type="submit">Submit</button>
	</div>
	</form>
</body>