Я не думаю, что есть какой-либо другой "готовый" компонент, который вы могли бы использовать, чтобы вызвать диалоговое окно открытия файла (которое, в конце концов, является результатом <input type=file>, записанным средством визуализации).
Однако, если вы хотите разработать свой собственный рендер, он может написать как <input>, так и вашу иконку <img> (один за другим). Дайте <input> класс css, который использует абсолютное позиционирование, чтобы поместить его поверх <img> и уменьшить его непрозрачность до 0 (вы также можете установить курсор на «указатель»).
Теперь, когда пользователь нажимает на значок , он также нажимает на невидимый ввод, который открывает ваше диалоговое окно.
(Теперь, когда я об этом думаю, я почти уверен, что вы можете сделать это, не написав свой собственный рендер, просто применив тот же тип CSS к готовым компонентам ...)