Как поставить ограничение при загрузке файлов через инпут, чтобы можно было грузить только картинки?

Можно только если через событие change, привязанное к этому самому инпуту:

const inputChangeHandler = (event) => {
    if (event.target.files.every(file=>/^image\/.+/.test(file.type))) {
        //все загруженные файлы - картинки
    } else {
        //обратное
    };
}