• 26-03-2016, 22:37:22
    #1
    AJAX form sorunsuz çalışıyor fakat formun içine dosya yükleme entegre etmek istiyorum. Bildiğim kadarıyla yapmaya çalıştım ama form verileri iletilse de dosya yükleme gerçekleşmiyor. Nerde yanlış yapıyorum?
  • 27-03-2016, 20:20:15
    #2
    SmayLee adlı üyeden alıntı: mesajı görüntüle
    AJAX form sorunsuz çalışıyor fakat formun içine dosya yükleme entegre etmek istiyorum. Bildiğim kadarıyla yapmaya çalıştım ama form verileri iletilse de dosya yükleme gerçekleşmiyor. Nerde yanlış yapıyorum?


    https://gist.github.com/melihsaricam...e2225482b6022e
    js:

    $('#ekle').on('submit', function (e) {
    
    		e.preventDefault();
    
    		var action = "<?= base_url('blog/kayit'); ?>";
    
    		$.ajax({
    			url: action,
    			type: 'POST',
    			data: new FormData(this),
    			contentType: false,
    			cache: false,
    			processData: false,
    			success: function (result) {
    
    				result = JSON.parse(result);
    
    				if (result['success']) {
    
    					alert(result['success']['content']);
    
    				} else {
    
    					alert(result['error']['content']);
    
    				}
    			}
    		});
    
    	});
    <form id="ekle" class="form-horizontal" method="post" enctype="multipart/form-data">
    
    <div class="form-group">
    <input type="text" class="form-control input-sm" name="baslik" id="baslik" >
    <input type="submit" value="Tamam" class="btn btn-success btn-s-xs" id=""/>
    </div>
    
    </form>
    Form submit edildiğinde, buraya ve

    $('#ekle').on('submit', function (e) {
    
    		e.preventDefault();
    
    });
    Buraya dikkat etmelisin.
    data: new FormData(this),
    data: new FormData(this)

    Sade anlatmaya çalıştım, bu kaynağı kullanabilirsin.
    ajax-image-upload-php