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