From c47b246b80f90965da136d7506a49e4c59f70d42 Mon Sep 17 00:00:00 2001
From: alvierahman90 <alvierahman90@users.noreply.github.com>
Date: Tue, 24 Oct 2017 22:57:03 +0100
Subject: [PATCH] Show filename if selected

---
 css/style.css         | 6 ++++++
 templates/upload.html | 9 ++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index fdb242b..0460fca 100644
--- a/css/style.css
+++ b/css/style.css
@@ -81,3 +81,9 @@ div {
 	width: 98%;
 	margin: 1%
 }
+
+#uploadFile {
+	text-align: center;
+	font-family: rawengulk-sans;
+	font-size: 1.5em;
+}
diff --git a/templates/upload.html b/templates/upload.html
index ac0599d..841f8db 100644
--- a/templates/upload.html
+++ b/templates/upload.html
@@ -9,10 +9,17 @@
 			enctype = "multipart/form-data">
 			<div class="fileUpload btn">
 				<span>Upload</span>
-				<input class="upload btn" type = "file" name = "file" />
+				<input id="uploadBtn" class="upload btn" type="file" name="file" />
 			</div>
+			<p id="uploadFile"></p>
 			<input class="btn" type = "submit"/>
 		</form>
+	<script>
+document.getElementById("uploadBtn").onchange = function () {
+	filename = document.getElementById('uploadBtn').value.split('C:\\fakepath\\')[1];
+	document.getElementById("uploadFile").innerHTML= filename;
+};
+	</script>
       
 	</body>
 </html>