• 04-10-2014, 15:17:46
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhaba arkadaşlar,
    Php de jquery ajax yöntemi ile formdan bilgileri post ettirip veritabanına ekliyorum. Ancak formda iki tane resim yükleme alanı var. Bunu bir türlü çözemedim. Bu konuda faydalanabileceğim bir kaynak veya bilgi verebilecek bir arkadaş var mı?

    form kodları
    ]<form action="basvuru.php" method="post" enctype="multipart/form-data" onsubmit="return false;">
            	<table width="100%" border="0">
      <tr>
        <td width="37%">Cinsiyet</td>
        <td width="1%">:</td>
        <td width="62%"><label for="cinsiyet"></label>
          <select name="cinsiyet" id="cinsiyet" class="cinsiyet">
            <option value="Bay" selected="selected">Bay</option>
            <option value="Bayan">Bayan</option>
            <option value="Unknow">Belirtmek İstemiyorum</option>
          </select></td>
      </tr>
      <tr>
        <td>Ad Soyad</td>
        <td>:</td>
        <td><label for="adsoyad"></label>
          <input type="text" name="adsoyad" id="adsoyad" class="input" /></td>
      </tr>
      <tr>
        <td>Doğum Tarihi</td>
        <td>:</td>
        <td><label for="gun"></label>
          <select name="gun" id="gun">
            <option value="1" selected="selected">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
          </select>
          <label for="ay"></label>
          <select name="ay" id="ay">
            <option value="1" selected="selected">Ocak</option>
            <option value="2">Şubat</option>
            <option value="3">Mart</option>
            <option value="4">Nisan</option>
            <option value="5">Mayıs</option>
            <option value="6">Haziran</option>
            <option value="7">Temmuz</option>
            <option value="8">Ağustos</option>
            <option value="9">Eylül</option>
            <option value="10">Ekim</option>
            <option value="11">Kasım</option>
            <option value="12">Aralık</option>
          </select>
          <label for="yil"></label>
          <select name="yil" id="yil">
            <option value="1996">1996</option>
            <option value="1995">1995</option>
            <option value="1994">1994</option>
            <option value="1993">1993</option>
            <option value="1992">1992</option>
            <option value="1991">1991</option>
            <option value="1990">1990</option>
            <option value="1989">1989</option>
            <option value="1988">1988</option>
            <option value="1987">1987</option>
            <option value="1986">1986</option>
            <option value="1985">1985</option>
            <option value="1984">1984</option>
            <option value="1983">1983</option>
            <option value="1982">1982</option>
            <option value="1981">1981</option>
            <option value="1980">1980</option>
            <option value="1979">1979</option>
            <option value="1978">1978</option>
            <option value="1977">1977</option>
            <option value="1976">1976</option>
            <option value="1975">1975</option>
            <option value="1974">1974</option>
            <option value="1973">1973</option>
            <option value="1972">1972</option>
            <option value="1971">1971</option>
            <option value="1970">1970</option>
            <option value="1969">1969</option>
            <option value="1968">1968</option>
            <option value="1967">1967</option>
            <option value="1966">1966</option>
            <option value="1965">1965</option>
            <option value="1964">1964</option>
            <option value="1963">1963</option>
            <option value="1962">1962</option>
            <option value="1961">1961</option>
            <option value="1960">1960</option>
            <option value="1959">1959</option>
            <option value="1958">1958</option>
            <option value="1957">1957</option>
            <option value="1956">1956</option>
            <option value="1955">1955</option>
            <option value="1954">1954</option>
            <option value="1953">1953</option>
            <option value="1952">1952</option>
            <option value="1951">1951</option>
            <option value="1950">1950</option>
            <option value="1949">1949</option>
            <option value="1948">1948</option>
            <option value="1947">1947</option>
            <option value="1946">1946</option>
            <option value="1945">1945</option>
            <option value="1944">1944</option>
            <option value="1943">1943</option>
            <option value="1942">1942</option>
            <option value="1941">1941</option>
            <option value="1940">1940</option>
            <option value="1939">1939</option>
            <option value="1938">1938</option>
            <option value="1937">1937</option>
            <option value="1936">1936</option>
          </select></td>
      </tr>
      <tr>
        <td>E-mail</td>
        <td>:</td>
        <td><label for="email"></label>
          <input type="text" name="email" id="email" class="input" placeholder="ornek@mail.com"/></td>
      </tr>
      <tr>
        <td>Gsm</td>
        <td>:</td>
        <td><label for="gsm"></label>
          <input name="gsm" type="text" class="input" id="gsm" placeholder="05xx1234567" maxlength="11"/></td>
      </tr>
      <tr>
        <td>Adres</td>
        <td>:</td>
        <td><label for="adres"></label>
          <input type="text" name="adres" id="adres" class="input" /></td>
      </tr>
      <tr>
        <td>İl</td>
        <td>:</td>
        <td>
        <select name="il" id="il" class="cinsiyet">
            <option value="Adana">Adana</option>
            <option value="Adıyaman">Adıyaman</option>
            <option value="Afyon">Afyon</option>
            <option value="Ağrı">Ağrı</option>
            <option value="Aksaray">Aksaray</option>
            <option value="Amasya">Amasya</option>
            <option value="Ankara" selected="selected">Ankara</option>
            <option value="Antalya">Antalya</option>
            <option value="Ardahan">Ardahan</option>
            <option value="Artvin">Artvin</option>
            <option value="Aydın">Aydın</option>
            <option value="Balıkesir">Balıkesir</option>
            <option value="Bartın">Bartın</option>
            <option value="Batman">Batman</option>
            <option value="Bayburt">Bayburt</option>
            <option value="Bilecik">Bilecik</option>
            <option value="Bingöl">Bingöl</option>
            <option value="Bitlis">Bitlis</option>
            <option value="Bolu">Bolu</option>
            <option value="Burdur">Burdur</option>
            <option value="Bursa">Bursa</option>
            <option value="Çanakkale">Çanakkale</option>
            <option value="Çankırı">Çankırı</option>
            <option value="Çorum">Çorum</option>
            <option value="Denizli">Denizli	</option>
            <option value="Diyarbakır">Diyarbakır</option>
            <option value="Düzce">Düzce</option>
            <option value="Edirne">Edirne</option>
            <option value="Elazığ">Elazığ</option>
            <option value="Erzincan">Erzincan</option>
            <option value="Erzurum">Erzurum</option>
            <option value="Eskişehir">Eskişehir</option>
            <option value="Gaziantep">Gaziantep</option>
            <option value="Giresun">Giresun</option>
            <option value="Gümüşhane">Gümüşhane</option>
            <option value="Hakkari">Hakkari</option>
            <option value="Hatay">Hatay</option>
            <option value="Iğdır">Iğdır</option>
            <option value="Isparta">Isparta</option>
            <option value="İçel">İçel</option>
            <option value="İstanbul">İstanbul</option>
            <option value="İzmir">İzmir</option>
            <option value="Karabük">Karabük</option>
            <option value="Karaman">Karaman</option>
            <option value="Kars">Kars</option>
            <option value="Kastamonu">Kastamonu</option>
            <option value="Kayseri">Kayseri</option>
            <option value="Kırıkkale">Kırıkkale</option>
            <option value="Kırklareli">Kırklareli</option>
            <option value="Kırşehir">Kırşehir</option>
            <option value="Kilis">Kilis</option>
            <option value="Kocaeli">Kocaeli</option>
            <option value="Konya">Konya</option>
            <option value="Kütahya">Kütahya</option>
            <option value="Malatya">Malatya</option>
            <option value="Manisa">Manisa</option>
            <option value="K.Maraş">K.Maraş</option>
            <option value="Mardin">Mardin</option>
            <option value="Muğla">Muğla</option>
            <option value="Muş">Muş</option>
            <option value="Nevşehir">Nevşehir</option>
            <option value="Niğde">Niğde</option>
            <option value="Ordu">Ordu</option>
            <option value="Osmaniye">Osmaniye</option>
            <option value="Rize">Rize</option>
            <option value="Sakarya">Sakarya</option>
            <option value="Samsun">Samsun</option>
            <option value="Siirt">Siirt</option>
            <option value="Sinop">Sinop</option>
            <option value="Sivas">Sivas</option>
            <option value="Şırnak">Şırnak</option>
            <option value="Tekirdağ">Tekirdağ</option>
            <option value="Tokat">Tokat</option>
            <option value="Trabzon">Trabzon</option>
            <option value="Tunceli">Tunceli</option>
            <option value="Şanlıurfa">Şanlıurfa</option>
            <option value="Uşak">Uşak</option>
            <option value="Van">Van</option>
            <option value="Yalova">Yalova</option>
            <option value="Yozgat">Yozgat</option>
            <option value="Zonguldak">Zonguldak</option>
       </select>
       </td>
      </tr>
      <tr>
        <td>Facebook</td>
        <td>:</td>
        <td><label for="facebook"></label>
          <input type="text" name="facebook" id="facebook" class="input"  placeholder="facebook.com/kullanici-adi"/></td>
      </tr>
      <tr>
        <td>Meslek</td>
        <td>:</td>
        <td><label for="meslek"></label>
          <input type="text" name="meslek" id="meslek" class="input" /></td>
      </tr>
      <tr>
        <td>Eğitim</td>
        <td>:</td>
        <td><label for="egitim"></label>
          <select name="egitim" id="egitim" class="cinsiyet">
            <option value="Doktora">Doktora</option>
            <option value="Lisans Üstü">Lisans Üstü</option>
            <option value="Lisans" selected="selected">Linsans</option>
            <option value="Ön Lisans">Ön Lisans</option>
            <option value="Lise">Lise</option>
            <option value="Ortaokul">Ortaokul</option>
            <option value="İlkokul">İlkokul</option>
          </select></td>
      </tr>
      <tr>
        <td>Oyunculuk Tecrübeleriniz<br /><b>(<span id="chars">200</span>)</b></td>
        <td>:</td>
        <td><label for="tecrube"></label>
          <textarea name="tecrube" id="tecrube" cols="45" rows="5" class="text" placeholder="Maksimum 200 Harf İle Sınırlıdır."></textarea></td>
      </tr>
      <tr>
        <td>Aldığınız Oyunculuk Eğitimleri<br /><b>(<span id="charss">200</span>)</b></td>
        <td>:</td>
        <td><label for="oyunculuk"></label>
          <textarea name="oyunculuk" id="oyunculuk" cols="45" rows="5" class="text" placeholder="Maksimum 200 Harf İle Sınırlıdır."></textarea></td>
      </tr>
      <tr>
        <td>Resim 1 (Boydan)</td>
        <td>:</td>
        <td><label for="resimboy"></label>
          <input type="file" name="resimboy" id="resimboy" /></td>
      </tr>
      <tr>
        <td>Resim 2 (Yüz)</td>
        <td>:</td>
        <td><label for="resimyuz"></label>
          <input type="file" name="resimyuz" id="resimyuz" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td><input type="submit" name="send" id="send" value="Gönder" "BasvuruYap()"/></td>
      </tr>
      <tr>
        <td colspan="3"><div class="basvurusonuc"></div></td>
        </tr>
              </table>
    
          </form>
    Jquery Kodları

    <script type="text/javascript">
       function BasvuruYap(){
          $("div.basvurusonuc").empty();
          var cinsiyet	= $("select[name=cinsiyet]").val();
          var adsoyad		= $("input[name=adsoyad]").val();
          var gun			= $("select[name=gun]").val();
          var ay			= $("select[name=ay]").val();
          var yil			= $("select[name=yil]").val();
          var email		= $("input[name=email]").val();
          var gsm			= $("input[name=gsm]").val();
          var adres		= $("input[name=adres]").val();
          var facebook	= $("input[name=facebook]").val();
          var meslek		= $("input[name=meslek]").val();
          var tecrube		= $("textarea[name=tecrube]").val();
          var oyunculuk	= $("textarea[name=oyunculuk]").val();
          var resimboy	= $("input[name=resimboy]").val();
          var resimyuz	= $("input[name=resimyuz]").val();
          
          var resimsonuc = resimboy.search(/.jpg/);
          var resimmsonuc = resimyuz.search(/.jpg/);
    
             
             function MailKontrol(email) {
                            var kontrol = new RegExp(/^[^0-9][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[@][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,4}$/i);
                            return kontrol.test(email);
                }
                   if(MailKontrol(email)){
                      if(adsoyad == ""){
                         $("div.basvurusonuc").append("Lütfen Adınızı ve Soyadınızı Yazınız.");
                      }else if(email == ""){
                         $("div.basvurusonuc").append("Lütfen E-Mail Adresinizi Yazınız.");
                      }else if(gsm == ""){
                         $("div.basvurusonuc").append("Lütfen Gsm Numaranızı Yazınız.");
                      }else if(adres == ""){
                         $("div.basvurusonuc").append("Lütfen İkamet Ettiğiniz Adresinizi Yazınız.");
                      }else if(facebook == ""){
                         $("div.basvurusonuc").append("Lütfen Facebook Adresinizi Yazınız.");
                      }else if(meslek == ""){
                         $("div.basvurusonuc").append("Lütfen Mesleğinizi Yazınız.");
                      }else if(tecrube == ""){
                         $("div.basvurusonuc").append("Lütfen Oyunculuk Tecrübelerinizi Tanıtın.");
                      }else if(oyunculuk == ""){
                         $("div.basvurusonuc").append("Lütfen Aldığınız Oyunculuk Eğitimlerini Yazınız.");
                      }else if(resimboy == ""){
                         $("div.basvurusonuc").append("Lütfen 2MB Boyutunu Aşmayacak Şekilde Boydan Fotoğrafınızı Ekleyiniz.");
                      }else if(resimyuz == ""){
                         $("div.basvurusonuc").append("Lütfen 2MB Boyutunu Aşmayacak Şekilde Yüz Fotoğrafınızı Ekleyiniz.");
                      }else if(resimsonuc != -1 && resimmsonuc != -1){
                         
                         var degerler	= "cinsiyet="+cinsiyet+"&adsoyad="+adsoyad+"&gun="+gun+"&ay="+ay+"&yil="+yil+"&email="+email+"&gsm="+gsm+"&adres="+adres+"&il="+il+"&meslek="+meslek+"&egitim="+egitim+"&tecrube="+tecrube+"&oyunculuk="+oyunculuk+"&resimboy="+resimboy+"&resimyuz="+resimyuz;
                         
                         $.ajax({
                            type 	: "POST",
                            url		: "basvuru.php",
                            data	: degerler,
                            success	: function(sonuc){
                               if(sonuc == "OK"){
                               $(":input").not(":button, :submit, :reset, :hidden").each( function() {
                                  this.value = this.defaultValue;
                               });
                               $("div.basvurusonuc").append("Başvurunuz Başarıyla Gerçekleşti. İncelendikten Sonra Sizinle İletişime Geçilecektir.");
                               }else if(sonuc == "NO"){
                               $("div.basvurusonuc").append("HATA! Kayıt İşlemi Gerçekleşmedi. Lütfen bilgi[at]ankarafilmekibi.com adresi ile iletişime geçiniz.");
                               }else if(sonuc == "DOSYA"){
                               $("div.basvurusonuc").append("HATA! Resim Dosyaları Yüklenemedi. Lütfen bilgi[at]ankarafilmekibi.com adresi ile iletişime geçiniz.");
                               }
                            }
                         })
    
                      }else{
                         $("div.basvurusonuc").append("Lütfen Sadece .jpg Formatında Resim Yükleyiniz.");
                      }
             
             }else{
             $("div.basvurusonuc").append("Lütfen Geçerli Bir E-Mail Adresi Yazınız.");	
             }
    
       }
    </script>

    upload.php kodları

    <?php
    include("db.php"); 
       if(isset($_POST) && $_SERVER["REQUEST_METHOD"] == 'POST'){
             function getRealIpAddr(){  
             if (!empty($_SERVER['HTTP_CLIENT_IP'])){  
                $ip=$_SERVER['HTTP_CLIENT_IP'];  
             }elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])){  
                $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];  
             }else{  
                $ip=$_SERVER['REMOTE_ADDR'];  
             }  
        	return $ip;  
       }
        
       $cinsiyet	= strip_tags(addslashes($_POST["cinsiyet"]));
       $adsoyad	= strip_tags(addslashes($_POST["adsoyad"]));
       $gun		= strip_tags(addslashes($_POST["gun"]));
       $ay			= strip_tags(addslashes($_POST["ay"]));
       $yil		= strip_tags(addslashes($_POST["yil"]));
       $email		= strip_tags(addslashes($_POST["email"]));
       $gsm		= strip_tags(addslashes($_POST["gsm"]));
       $adres		= strip_tags(addslashes($_POST["adres"]));
       $facebook	= strip_tags(addslashes($_POST["facebook"]));
       $meslek		= strip_tags(addslashes($_POST["meslek"]));
       $tecrube	= strip_tags(addslashes($_POST["tecrube"]));
       $oyunculuk	= strip_tags(addslashes($_POST["oyunculuk"]));
       $resimboy	= $_FILES["resimboy"]["name"];
       $resimyuz	= $_FILES["resimyuz"]["name"];
       $date		= date("d.m.Y");
       $ipno		= getRealIpAddr();
       
       $uzantiboy	= end(explode(".", $resimboy));
       $uzantiyuz	= end(explode(".", $resimyuz));
       
       if(is_uploaded_file($_FILES["resimboy"]["tmp_name"]) || is_uploaded_file($_FILES["resimyuz"]["tmp_name"]) ){
          $konumboy	= "upload/".rand(0,99999999).".".$uzantiboy;
          $konumyuz	= "upload/".rand(0,99999999).".".$uzantiyuz;
          if(move_uploaded_file($_FILES["resimboy"]["tmp_name"], $konumboy) && move_uploaded_file($_FILES["resimyuz"]["tmp_name"], $konumyuz)){
          
             $ekle	= mysql_query("insert into basvuru (cinsiyet, adsoyad, gun, ay, yil, email, gsm, adres, il, facebook, meslek, egitim, tecrube, oyunculuk, resimboy, resimyuz, tarih, ipno, onay) values ('$cinsiyet', '$adsoyad', '$gun', '$ay', '$yil', '$email', '$gsm', '$adres', '$il', '$facebook', '$meslek', '$egitim', '$tecrube', '$oyunculuk', '$konumboy', '$konumyuz', '$date', '$ipno', 0)");
             
             if($ekle){
                echo "OK";	
             }else{
                echo "NO";	
             }
    
          }else{
             echo "DOSYA";
          }
       }else{
          echo "DOSYA";	
       }
       
    }
    
    ?>
  • 11-10-2014, 12:00:17
    #2
    jquery ajaxform kullanabilirsin

    http://malsup.com/jquery/form/

    baya ornek mevcuttur kendi sitesinde illa kendim yapmak istiyorum dersen baya bi ugrasman gerekir