mirror of
https://github.com/ae-utbm/sith.git
synced 2024-11-10 00:03:24 +00:00
Directly display selected img of form on screen and convert to webp
This commit is contained in:
parent
07d617da91
commit
93b66d980d
@ -81,6 +81,17 @@
|
|||||||
if (this.picture_form.length > 0){
|
if (this.picture_form.length > 0){
|
||||||
this.picture_form = this.picture_form[0];
|
this.picture_form = this.picture_form[0];
|
||||||
this.can_edit_picture = true;
|
this.can_edit_picture = true;
|
||||||
|
|
||||||
|
{# Link the displayed element to the form input #}
|
||||||
|
this.picture_form.onchange = (event) => {
|
||||||
|
let files = event.srcElement.files;
|
||||||
|
if (files.length > 0){
|
||||||
|
this.picture = (window.URL || window.webkitURL)
|
||||||
|
.createObjectURL(event.srcElement.files[0]);
|
||||||
|
} else {
|
||||||
|
this.picture = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -123,7 +134,6 @@
|
|||||||
canvas.width = settings.width;
|
canvas.width = settings.width;
|
||||||
canvas.height = settings.height;
|
canvas.height = settings.height;
|
||||||
context.drawImage(this.video, 0, 0, canvas.width, canvas.height);
|
context.drawImage(this.video, 0, 0, canvas.width, canvas.height);
|
||||||
this.picture = canvas.toDataURL("image/png");
|
|
||||||
|
|
||||||
/* Stop camera */
|
/* Stop camera */
|
||||||
this.video.pause()
|
this.video.pause()
|
||||||
@ -144,7 +154,9 @@
|
|||||||
list.items.add(file);
|
list.items.add(file);
|
||||||
this.picture_form.files = list.files;
|
this.picture_form.files = list.files;
|
||||||
|
|
||||||
}, "image/jpeg");
|
{# No change event is triggered, we trigger it manually #}
|
||||||
|
this.picture_form.dispatchEvent(new Event("change"));
|
||||||
|
}, "image/webp");
|
||||||
|
|
||||||
|
|
||||||
canvas.remove();
|
canvas.remove();
|
||||||
|
Loading…
Reference in New Issue
Block a user