web/notify.moe
Code Issues Pull Requests Activity

Added ability to upload new character images

Browse Source
This commit is contained in:
Eduard Urbach
2018-04-22 15:24:17 +02:00
parent 7807aec249
commit 1f26c44a49
13 changed files with 111 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
scripts/Actions/Upload.ts
View File

@ -37,10 +37,10 @@ export function selectFile(arn: AnimeNotifier, button: HTMLButtonElement) {
// Preview image
if(fileType === "image") {
let preview = document.getElementById(button.id + "-preview") as HTMLImageElement
let previews = document.getElementsByClassName(button.id + "-preview")
if(preview) {
previewImage(file, endpoint, preview)
for(let preview of previews) {
previewImage(file, endpoint, previews)
}
}
@ -94,7 +94,7 @@ function uploadFile(file: File, fileType: string, endpoint: string, arn: AnimeNo
}
// Preview image
function previewImage(file: File, endpoint: string, preview: HTMLImageElement) {
function previewImage(file: File, endpoint: string, previews: HTMLCollectionOf<Element>) {
let reader = new FileReader()
reader.onloadend = () => {
@ -106,8 +106,11 @@ function previewImage(file: File, endpoint: string, preview: HTMLImageElement) {
}
}
preview.classList.remove("hidden")
preview.src = reader.result
for(let preview of previews) {
let img = preview as HTMLImageElement
img.classList.remove("hidden")
img.src = reader.result
}
}
reader.readAsDataURL(file)