Trigger file upload with button

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2019-05-31 11:01:52 +02:00
parent 2a2e4690ff
commit e8ef5997eb
2 changed files with 64 additions and 1 deletions

36
js/src/utils/upload.ts Normal file
View File

@@ -0,0 +1,36 @@
/**
* Async function to upload a file
*/
export function listenFileUpload(): Promise<File> {
return new Promise((resolve, reject) => {
const inputElement = document.createElement('input');
inputElement.type = 'file';
inputElement.onchange = () => {
if (inputElement.files && inputElement.files.length > 0) {
resolve(inputElement.files[0]);
}
};
inputElement.onerror = reject;
inputElement.click();
});
}
/**
* Async function to upload a file
*/
export function listenFileUploads(): Promise<FileList> {
return new Promise((resolve, reject) => {
const inputElement = document.createElement('input');
inputElement.type = 'file';
inputElement.multiple = true;
inputElement.onchange = () => {
if (inputElement.files && inputElement.files.length > 0) {
resolve(inputElement.files);
}
};
inputElement.onerror = reject;
inputElement.click();
});
}