chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: show image on upload

Browse source
This commit is contained in:
Methapon2001 2024-04-17 11:32:18 +07:00
parent 5442477e7d
commit d7e606fb16
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/pages/02_personnel-management/MainPage.vue
View file

@ -108,6 +108,18 @@ const inputFile = document.createElement('input');
inputFile.type = 'file'; inputFile.type = 'file';
inputFile.accept = 'image/*'; inputFile.accept = 'image/*';
const reader = new FileReader();
reader.addEventListener('load', () => {
if (typeof reader.result === 'string') {
urlProfile.value = reader.result;
}
});
watch(profileFile, () => {
if (profileFile.value) reader.readAsDataURL(profileFile.value);
});
inputFile.addEventListener('change', (e) => { inputFile.addEventListener('change', (e) => {
profileFile.value = (e.currentTarget as HTMLInputElement).files?.[0]; profileFile.value = (e.currentTarget as HTMLInputElement).files?.[0];
}); });