Окно выбора файла, в JavaScript

[cupoma58]

Привет.
Есть плеер, с подключенным файлом, можно - плейлист пристегнуть.
Но - хотелось-бы выбирать файл через окно диалога.
Вот это, на Chrome, не работает:

buton.addEventListener(async,'click',()=>{
    try {var [fileHandle] = await window.showOpenFilePicker();}
    catch (error){'&l;font color="red">Упс, бро не тот</font>'}
}
});

А, хотелось-бы.
Что посоветуете?

[Rise]

А какая ошибка в консоли Chrome?

[ksa]

buton.addEventListener(async,'click',()=>{...})

Так не бывает.
Вот так бывает

buton.addEventListener('click', async ()=>{...})

[voraa]

А что вы потом с этим fileHandle делать будете? Как его в плеер засунуть?

[cupoma58]

Вот так бывает

Нюанса - не уловил но - пусть будет.
------------------------------
P.S.: эта информация - для модераторов - при низко-скоростном трафике, "очеловечивание", практически - невозможно.

[ksa]

Нюанса - не уловил

async "применяется" только к функциям. "Просто так" оно не пишется.

Так же await допускается использовать только в async-функциях... https://learn.javascript.ru/async-await

Вот собственно и все "нюансы".

[cupoma58]

Благодарю за поддержку и советы. Немного доработал скрипт, по подсказке

f.addEventListener('click', async ()=>{ 
    if (window.isSecureContext){
        try {
                var [handle] = await window.showOpenFilePicker(),
                file = await handle.getFile(),
                fileURL = URL.createObjectURL(file),
                v = document.getElementById('v');
                v.src = fileURL;
        }
        catch (err){console.log('Error "' + err.name + '": ', err.message);}
    } 
});
...и обновил бро.

[Aetae]

В firefox нет такого метода вообще, обзаботьтесь полифилом. С тем что гугл убивает блокировщики рекламы ожидается некий рост популярности фокса.