wysłać wartość typu pliku wejściowego z ajaxem

Question

stworzyłem formularz, który będzie wysyłać plik typu wejściowego, w mojej stronie serwera chcę uzyskać wartość $_FILES, więc użyłem print_r($_FILES), ale w mojej odpowiedzi ajax nie dostaję niczego wartość, o mój kod ..

<form id="my_form"> 
    <input type="file" id="image_file" name="image_file"/> 
    </form> 

    $('#my_form').submit(function() { 
    var data = $('#my_form').serialize(); 
    $.ajax({ 
     url: 'ajax.php', 
     type: 'POST', 
     data: data, 
     enctype: 'multipart/form-data', 
     success: function(response) { 
      alert(response); 
     }, 
    }); 
    return false; 
}); 

i tutaj mój kod php

<?php 
    $name = $_FILES['image_file']['name']; // get the name of the file 
    $type = $_FILES['image_file']['type']; // get the type of the file 
    $size = $_FILES['image_file']['size']; 
    echo $name; 
    //or 
    print_r($_FILES); 
?> 

proszę mi pomóc ...

dzięki ..

Answer 1

AjaxFileUpload

Może ten plugin może pomóc rozwiązać problem.

Sposób działania tej wtyczki jest taki sam jak sposób, w jaki ludzie sugerowali teorię ajax, która używa znacznika iframe do obsługi wszystkich żądań bez odświeżania strony.

Bez HTML5, nie sądzę, że możemy użyć XMLHttpRequest do przesłania pliku.