Dynamicznie tworzone customowe inputy w javascript

0

Cześć,
Mam problem, potrzebuje napisać formularz z możliwością dodania załącznika lub kilku poprzez nowe inputy.
Problem pojawił się gdy musiałem zmienić wygląd inputa i nie umiem przekazać nazwy do kolejnych się pojawiających.
https://www.cssscript.com/demo/custom-file-input-javascript-css/
tu jest fajnie zrobione ale nie umiem dodać kolejnych.
Pomoże ktoś?

0

Po pierwsze pokaż co już napisałeś. Jeśli jeszcze nic, to podpowiem: utwórz sobie jakiś przycisk od dodawania kolejnego inputa i po kliknięciu w niego, kopiuj poprzedni z wyczyszczonymi wartościami. Atrybutu name nie musisz zmieniać, bo wystarczy, że będzie tablicą np. name="files[]"

Demo które przedstawiłeś pozwala na wgrywanie kilku plików na raz w jednym inpucie, więc to trochę sprzeczne z pytaniem.

Uszanuj nasz czas, opisz dokładnie problem, żeby nikt nie miał żadnych wątpliwości i chętnie pomożemy.

0

https://pastebin.com/qje9re1v
Nie wiem jak przekazać nazwę przesłanego pliku z input do span.
Tzn gdy jest tylko 1 pole to jest tego pełno w internecie problem gdy dodaje nowe.

0

Ogólnie musisz skorzystać z File API (https://developer.mozilla.org/en-US/docs/Web/API/File). Przechwycić wartość pola możesz przez np. onchange event (https://www.w3schools.com/jsref/event_onchange.asp).

1 użytkowników online, w tym zalogowanych: 0, gości: 1