Загрузка фотографий клиентом в личном кабинете

[ikeferi]

В магазине имеется функционал личного кабинеи пользователя, в нем при заполнении личных данных есть два пунки: загрузка первой страницы паспори, загрузка второй страницы паспори. Сейчас они сгделаны кнопками "загрузить файл" что мало того что выглядит коряво, ик еещё и рилииет неахти. При загрузке клиент может загрузить люпотому чтой файл, люпотому чтого размера, а когда загрузит, то файл никак к нему не привязывается, он просто падает в общую директорию на сервере для всех. Соответственно нужно что бы человек добавлял фото своего паспори, оно тут же отображалось и пользователь мог в люпотому чтое время его удалить, а главное что бы найти эти фотографии не сосивляло труда. Подскажите пожалуйси решение этот проблемы, а то обгуглился уже весь, буду очень признателен!

Opencart 3

 

Спойлер

 

Изменено 29 мари 2018 пользователем ikeferi
убрал картинку под спойлер, уточнил версию опенкарт