گرفتن اطلاعات عکس از فرم و ارسال با ajax به back end

سلام دوستان
من می خوام اطلاعات تصویر مثل اندازه، نوع، نام رو از فرم HTML بگیرم و اونو توی متغیر بزارم و با استفاده از Ajax به لاراول post کنم، اما این ارور رو میگیرم : Uncaught TypeError: Illegal invocation‍
HTML:

<form id="form" class="form-horizontal" role="form" data-parsley-validate novalidate enctype="multipart/form-data">

<div class="form-group">
    <label class="col-sm-4 control-label">تصویر (اختیاری)</label>
    <div class="col-sm-7">
        <input id="image" name="image" type="file" class="form-control">
    </div>
</div>

<div class="form-group">
    <div class="col-sm-offset-4 col-sm-8">
        <button id="registerSubmit" type="button" class="btn btn-primary waves-effect waves-light">
            افزودن
        </button>
    </div>
</div>

jQuery:

$('form').on('click', 'button.btn', function() {

var formdata = new FormData();
jQuery.each($('#image')[0].files, function(i, file) {
    formdata.append('image', file);
});

var data = {
    first_name: $("#first_name").val(),
    email: $("#email").val(),
    password: $("#password").val(),
    re_password: $("#re_password").val(),
    access_token: getCookie("access_token"),
    image: formdata,
    };

response = ajaxRequest("http://localhost:8000/api/admins/create", "POST", data);

});