javascript - Jquery/AJAX 経由でファイルをアップロードする方法

Question

現在、次のコードを使用して AJAX を介してフォームを投稿しています。

$(document).ready(function(){
    $("form#createForm").submit(function() { // loginForm is submitted
        $("form#createForm input#createForm_submit").attr('disabled','disabled');

        tinyMCE.triggerSave();

        $.ajax({
            type: "POST",
            dataType: "json",
            url: "perform", // URL of the Perl script
            data: $("#createForm").serialize(),

            // script call was successful 
            // data contains the JSON values returned by the Perl script 
            success: function(data){

                $('div.form-group').each(function(){
                    $(this).removeClass('has-error');
                });

                if (data.error) { // script returned error
                    var myList = $('ul.msg-list').empty();

                    $.each(data.msg, function(key,item) {
                        $("div."+key).addClass('has-error');
                        $('<li>').text(item.errtxt).appendTo(myList);
                    });


                    $('div#create_createresult').html('some error').html(myList);
                    $('div#create_createresult').addClass("text-danger");

                    $("form#createForm input#createForm_submit").removeAttr('disabled');
                } // if
                else 
                { // login was successful
                    //$('form#login_loginform').hide();
                    $('div#create_createresult').text(data.msg);
                    $('div#create_createresult').addClass("success");

                } //else
            } // success
        }); // ajax
        $('div#login_loginresult').fadeIn();
        return false;
    });
});

今、同じフォームで写真をアップロードする可能性を追加し、それをこの JQUERY と同じサーバー側スクリプトに実装したいと考えています。私の唯一の問題は、それを行う方法がわからない..上記をテストしたところ、サーバー側スクリプトに $_FILES 変数が渡されないことがわかりました。

このスクリプトを使用して画像をアップロードする可能性を追加するために、私が何をする必要があるかについて、誰かが私を導くことができますか?