Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Problem z JS i dodawanie więcej zdjęć w formularzu
fumfel20
post 30.11.2019, 22:15:43
Post #1





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 17.09.2015

Ostrzeżenie: (0%)
-----


Witam, mam taki formularz:

a to jego kawalek kodu:
  1. <div class="input-group control-group increment" >
  2. <label for="file-input" class="text-center">
  3. <i class="fa fa-camera fa-4x" style="color: red" aria-hidden="true"></i>
  4. </label>
  5. <input id="file-input" type="file" name="filename[]" class="form-control hide" capture="camera">
  6. </div>
  7.  
  8. <div class="control-group input-group clone hide" style="margin-top:10px">
  9. <label for="file-input" class="text-center">
  10. <i class="fa fa-camera fa-4x" style="color: red" aria-hidden="true"></i>
  11. <input type="file" name="filename[]" class="form-control" capture="camera">
  12. </label>
  13.  
  14. </div>


Jak widzicie jest tam przycisk ADD ponieważ po jego naciśnięciu ma pojawić się klon inputa żeby wstawić więcej niż jedno zdjęcie:


Problem polega na tym ze w tym pierwszym inpucie jak widać jest klasa form-control hide po to zęby input był ukryty a widoczny był tylko element <i> czyli ta ikonka ale jak dodam hide do sklonowanego inputa to uploaduje mi tylko jeden obrazek z tego inputa podstawowego. Jeżeli zostawię widoczny input to wszystko gra. Tak wygląda kod JS który obsługuje klonowanie.

  1. $(".btn-success").click(function(){
  2. var html = $(".clone").html();
  3. $(".increment").after(html);
  4. });



Pomoze mi ktoś ukryć tego inputa żeby po naciśnięciu przycisku ADD pojawiała się tylko ikonka kamery ale i żeby do requesta był przesyłany więcej niż jeden obrazek?

Pozdrawiam

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 02:39