Profil Fotoğrafı Yükleme

Merhaba, 

Üzerinde çalıştığım hobi amaçlı bir yazılımda profil fotoğrafı yükleme alanını formda gönderebiliyorum ama fotoğrafı gönder demeden önce fotoğraf önizleme alanında gözükmesini istiyorum nasıl yapabilirim ? 

Dropify kullanabilirsin.

https://jeremyfagis.github.io/dropify/

Farklı bir yöntem denedim.    

Aşağıdaki kodu deniyorum ama Veritabanına da yüklemiyor klasöre de yüklemiyor. Hatam Nedir ?  Diğer veriler gidiyor. Sadece fotoğraf verisi gitmiyor. 

  //Personel Fotoğraf Yükleme Ayarları
if (isset($_POST['personel_foto_yukle'])) {

    $personel_foto_yuklenecek_klasor = "images/personelfoto/";
    $personel_foto_tmp_name = $_FILES['personel_foto_yukle']['tmp_name'];
    $personel_foto_gecici_isim = $_FILES['personel_foto_yukle']['name'];
    $personel_foto_tip = $_FILES['personel_foto_yukle']['type'];
    $personel_foto_uzanti = substr($personel_foto_gecici_isim,-4,4);
    $rastgelesayi1 = rand(10000-50000);
    $personel_foto_yeni_ad = $tablo_personel_tckn."-".$rastgelesayi1.$personel_foto_uzanti;
    // Yükleme Komutu
    if (strlen($personel_foto_gecici_isim) == 0) {
      echo "Bir Dosya Seçiniz.";
      exit();
    }

    if ($personel_foto_tip != 'image/jpeg' && $personel_foto_tip != 'image/jpg' && $personel_foto_tip != 'image/jpg' && $personel_foto_uzanti != '.jpg' && $personel_foto_uzanti != '.jpeg') {
      echo "Yalnızca JPG/JPEG Formatlı Resimler Ekleyebilirsiniz.";
    }

    move_uploaded_file($personel_foto_tmp_name, "$personel_foto_yuklenecek_klasor/$personel_foto_yeni_ad");
    $tablo_fotograf = $personel_foto_yeni_ad;

}

  $sql = "INSERT INTO db_personel_kisiselbilgiler (tablo_personel_tckn, tablo_personel_adisoyadi, tablo_fotograf, tablo_sahsieposta, tablo_dogumtarihi, tablo_universite_adi, tablo_uni_bolum_adi, tablo_lise_adi, tablo_lise_bolum, tablo_unvan, tablo_diploma_belge_yukleme, tablo_ehliyet_sinifi, tablo_ekaciklama) VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?)";
    $args = [$tablo_personel_tckn,$tablo_personel_adisoyadi,$tablo_fotograf,$tablo_sahsieposta,$tablo_dogumtarihi,$tablo_universite_adi,$tablo_uni_bolum_adi,$tablo_lise_adi,$tablo_lise_bolum,$tablo_unvan,$tablo_diploma_belge_yukleme,$tablo_ehliyet_sinifi,$tablo_ekaciklama];
    $result = $adminclass->getSecurity($args);
    $sorgu = $adminclass->pdoInsert($sql,$result);