通过AJAX发送图像onchange

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

如果您使用PHP作为服务器端语言，那么您可以使用以下插件 -

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

如果你的服务器端语言不是PHP，你也可以尝试下面的插件 -

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

Answer 2

我会使用AJAX Upload File Plugin

您还可以查看this page的源代码，虽然我不确定此插件的许可是什么。