Ajax ile File post

ahmetkuslular

Arkadaşlar merhaba.
ajax kullanarak bir dosyayı(xlsx formatında ama değişebilir) nasıl post edebilir. internette bulduğum bir çok şeyi denedim ama işe yaramadı yardımcı olursanız sevinirim. En son aşağıdaki gibi bir şey yazdım.

<script type="text/javascript">
 $(function(){
 $('#register').submit(function(e){
 var formData = new FormData($("register")[0]);
 $.ajax({
 url: "{{ route('deneme') }}",
 type: 'POST',
 data: formData,
 success: function(data) {
 console.log(data);
 }

 });
 });
 });
</script>

evrend

Ajax ile dosya gönderirken en önemli parametre, enctype: 'multipart/form-data' parametresidir. Benim kullandığım şekli aşağıdadır. Yıllardır aşağıdaki şekilde sıkıntısız dosya gönderme işlemlerimde bu kodu kullanıyorum. Parametreleri kendinize göre ayarlayın kafi.
formData verisinin içeriğinden de emin olunuz. Gerçekten formun verilerini almış mı bakınız.

$.ajax({
 type: type,
 url: url,
 data: formData,
 processData: false,
 contentType: false,
 dataType: "json",
 enctype: 'multipart/form-data',
 cache: false,
 complete: function(data, durum) {

 }
});

ahmetkuslular

evrend yazdıAjax ile dosya gönderirken en önemli parametre, enctype: 'multipart/form-data' parametresidir. Benim kullandığım şekli aşağıdadır. Yıllardır aşağıdaki şekilde sıkıntısız dosya gönderme işlemlerimde bu kodu kullanıyorum. Parametreleri kendinize göre ayarlayın kafi.
formData verisinin içeriğinden de emin olunuz. Gerçekten formun verilerini almış mı bakınız.
$.ajax({
 type: type,
 url: url,
 data: formData,
 processData: false,
 contentType: false,
 dataType: "json",
 enctype: 'multipart/form-data',
 cache: false,
 complete: function(data, durum) {

 }
});

Hocam denemek için aşağıdaki gibi yapıyorum ama formdata kısmı boş geliyor ve "not defined" hatası veriyor.

<form action="" enctype="multipart/form-data" method="post" name="edit_user" id="edit_user">
 <input type="text" name="Fname">
 <input type="submit" value="submit">
</form>

<script type="text/javascript">
 $(document).ready(function() {
 $('#edit_user').submit(function(event) {
 event.preventDefault();

 var formdata = new FormData(document.getElementById('edit_user'));
 $.ajax({
 type: "POST",
 url: "{{route('deneme')}}",
 data: formData,
 processData: false,
 contentType: false,
 dataType: "json",
 enctype: 'multipart/form-data',
 cache: false,
 success: function(data) {
 console.log(data);
 }
 });
 
});
 });
</script>

evrend

Aşağıdaki kullanımları deneyebilir misiniz?

var formdata = new FormData(document.getElementById('edit_user')[0]);
//veya
var formdata = new FormData($("#edit_user")[0]);
//Buda olmazsa 
var formdata = new FormData($("form")[0]);