From 2da059991f29e9d7746c7ce1edf9ce59253503e0 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Fri, 12 Apr 2019 09:47:22 -0400 Subject: [PATCH] adding dynamic image upload preview to the member edit view --- .../admin/member/memberInfo/editProfile.html | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/views/admin/member/memberInfo/editProfile.html b/views/admin/member/memberInfo/editProfile.html index 5d449fa1..cbbd4542 100644 --- a/views/admin/member/memberInfo/editProfile.html +++ b/views/admin/member/memberInfo/editProfile.html @@ -30,6 +30,23 @@ listComponent({ // activates tooltips OR NOT }) + function readURL(input) { + + if (input.files && input.files[0]) { + var reader = new FileReader(); + + reader.onload = function(e) { + // $('#blah').attr('src', e.target.result); + {literal} $("#glma-profile-image").css({background: 'url('+ e.target.result +') no-repeat center center / cover'}) {/literal} + } + + reader.readAsDataURL(input.files[0]); + } + } + + $("#glm-admin-member-profile-image").change(function() { + readURL(this); + }); // $('#glm-table-profile .glma-input-condensed').on("click", function(){ // console.log("expanding field"); // $(this).addClass("glma-input-expanded").removeClass("glma-input-condensed"); @@ -94,5 +111,5 @@ input.one('blur', save).focus(); }); - }) + }); \ No newline at end of file -- 2.17.1