Загрузите изображение через AJAX

Question

<input name="userfile" onchange="loadPlayerPhoto('1')" type="file" value="fotog"> 

function loadPlayerPhoto(photoid) { 
    $.ajax({ 
     type: 'POST', 
     cache: false, 
     url: './auth/ajax.php', 
     data: 'idp='+escape(photoid)+'&id=loadplayerphoto', 
     success: function(msg) { 
      $('#ppid'+photoid).html(msg); 
     } 
    }); 
    return false; 
}  

Когда пользователь выбирает фотографию, она вызывает эту функцию. Мне нужно отправить фотографию через ajax. Как отправить его на сервер?

Answer 1

Я бы использовать AJAX Upload File Plugin

Вы также можете посмотреть на исходный код this page, хотя я не уверен, что лицензирование на этот плагин.

Answer 2

Если вы используете PHP в качестве побочного языка сервера, то вы можете использовать ниже плагин -

http://www.webmotionuk.co.uk/jquery-image-upload-and-crop-for-php/

Вы также можете попробовать ниже плагин, если ваш сервер на стороне язык не является PHP -

http://plugins.jquery.com/project/AjaxMultiFileUpload