From f7abf66d963770e60e2ed2a67fbeaa14e14568a6 Mon Sep 17 00:00:00 2001 From: Marvin Borner Date: Sun, 1 Jul 2018 21:46:59 +0200 Subject: Added avatar preview and optimized avatar saving --- resources/assets/js/profile.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 resources/assets/js/profile.js (limited to 'resources/assets/js/profile.js') diff --git a/resources/assets/js/profile.js b/resources/assets/js/profile.js new file mode 100644 index 0000000..bce94da --- /dev/null +++ b/resources/assets/js/profile.js @@ -0,0 +1,13 @@ +$("#avatarFile").on("change", () => { + var preview = document.querySelector('#image-preview'); + var file = document.querySelector("#avatarFile").files[0]; + var reader = new FileReader(); + + reader.addEventListener("load", () => { + preview.src = reader.result; + }, false); + + if (file) { + reader.readAsDataURL(file); + } +}); \ No newline at end of file -- cgit v1.2.3