Jak stworzyć działający formularz kontaktowy z możliwością dołączenia (upload) pliku?

Question

Dzień dobry,

jestem w trakcie robienia strony, głównie statycznej, opartej front-endowo na frameworku Bootstrap. Mam na niej jednak do wykonania dwa elementy wymuszające napisanie skryptu PHP - języka, którego praktycznie nie umiem.

1. Formularz kontaktowy - to już zrobiłem, po długim wysiłku.

2. Drugi formularz kontaktowy, obejmujący dwa elementy:

a.) wybór jednej z kilku opcji z listy

b.) dołączenie pliku z dysku

Funkcjonalności a.) i b.) związane są z tym, że skrypt ten ma obsługiwać proces rekrutacyjny - a.) jest potrzebne do wyboru stanowiska, na które aplikujemy, a b.) na przesłanie swojego CV.

 

Stworzyłem już do tego front-end w Bootstrapie, ale utknąłem na back-endzie w PHP. Po prostu nie umiem zaprogramować tego tak, żeby dało się wybrać jedną z opcji z listy a następnie dołączyć plik z dysku. 

 

Jeżeli ktoś może mi podpowiedzieć, jak napisać taki skrypt, to będę bardzo wdzięczny. Będę wdzięczny za jakiekolwiek wskazówki, linki, podpowiedzi, fragmenty kodu itd. - zrobiłem już w tym temacie dłuższy research ale bezskutecznie. 

Pozdrawiam,

Łukasz

Answer 1

To zależy czy wystarczy Ci do tego pliku zwykły input type=file czy chcesz robić na przykład dropzone. Dobrze się składa bo właśnie tworzę tego typu skrypt.

Comments

Dziękuję za zainteresowanie się tematem, ormu16!

 

Tak, dokładnie, mi wystarczy zwykły input=file, nawet przygotowany w Bootstrapie front-end mam już tak (podaję w skrócie) rozpisany:

 

<a class="btn btn-1>

dołącz CV

<input type="file">

</a>

 

---

Jeszcze jedno pytanie. Formularz chcesz wysyłać poprzez ajax czy po prostu jak każdy inny formularz?

---

Robiąc to poprzez wysłanie metodą POST i przeładowanie strony można to zrobić w ten sposób: 

<form action="upload.php" method="POST" ENCTYPE="multipart/form-data">
   <input type="file" name="plik"/>
   <input type="submit" value="Wyślij plik"/>
  </form>

teraz w pliku php trzeba odebrać plik (zakładając, że dopuszczasz do wysłania tylko 1 pliku w tym samym formularzu)

if (is_uploaded_file($_FILES['plik']['tmp_name'])) {
   //walidacja
}

teraz czas na wlidacje

if (is_uploaded_file($_FILES['plik']['tmp_name'])) {
    if ($_FILES['plik']['size'] > 2097152) {
        // Wiadomość o tym że plik powinien ważyć mniej niż 2 GB
    } else {
        if (isset($_FILES['plik']['type'])) {
            if ($_FILES['plik']['type']!="typ pliku" || $_FILES['plik']['type']!="typ pliku2')
            {
                 //zły typ pliku    
            }
            else {
                if (move_uploaded_file($_FILES['plik']['tmp_name'], 'uploads/images/'.$_FILES['plik']['name']) {
                     // plik został wysłany
                  }
            }
        }
    }
} else {
  //wystąpił błąd!
}

Możesz to zrobić też przez JS, będzie bardziej przyjaźnie dla użytkownika, jednak jeżeli nie czujesz się na siłach by robić walidację przez javascript i wysyłać plik ajaxem potraktuj to jak dodatek i coś czym możesz zająć się pobocznie. Mam nadzieję, że pomogłem. W razie napisz do mnie.