Загрузка файлов с помощью jquery $ .ajax и php

Question

Я хочу загружать файлы асинхронно, когда пользователь выбирает файл во входном файле с $ .ajax. Но php, который возвращает индекс возврата вызова, не определен. код JQuery является следующим:

$("#urlimatge").change(function(){ 
      var filename = $("#urlimatge").val(); 
      $.ajax({ 
       type: "POST", 
       url: "utils/uploadtempimg.php", 
       enctype: 'multipart/form-data', 
       data: {'urlimatge' : filename }, 
       success: function(response){ 
        alert(response); 
       } 
      }); 

     }); 

и PHP, что recibe вызов:

$image = new gestorimatges(); 
$target_path = $image->uploadTemp($_FILES['urlimatge']['name'],$_FILES['urlimatge']['tmp_name']); 

Благодаря

Answer 1

Вы не можете загружать файлы с помощью AJAX, но вы можете использовать iframe так что вам не придется обновить текущую страницу.

Многие люди идут в плагины, но вы можете сделать это сами довольно легко и со всеми функциями запроса AJAX.

Вместо использования функции AJAX, есть форма представить скрытый iframe, который имеет обработчик load событий прилагаются к нему так, когда форма была отправлена, у вас есть функция обратного вызова, которая на самом деле включает в себя ответ сервера (HTML из iframe после его загрузки).

Пример:

HTML -

<form action="..." method="post" encrypt="application/x-www-form-urlencoded" target="workFrame" > 
    <input type="file" name="file" /> 
    <input type="submit" /> 
</form> 
<iframe id="workFrame" src="about:blank" style="display:none;"></iframe> 

JS -

$(function() { 
    $('form').on('submit', function() { 
     //check if the form submission is valid, if so just let it submit 
     //otherwise you could call `return false;` to stop the submission 
    }); 

    $('#workFrame').on('load', function() { 

     //get the response from the server 
     var response = $(this).contents().find('body').html(); 

     //you can now access the server response in the `response` variable 
     //this is the same as the success callback for a jQuery AJAX request 
    }); 
}); 

Answer 2

Вы могли бы хотеть использовать инструменты, как uploadify для этого.

Answer 3

вы не можете передать $ _FILE из AJAX в PHP.

Я хотел бы предложить использовать plugin

Это сделает вашу жизнь проще :) Here is a video tutorial to help too