محمدرضا فلکی
2 سال پیش توسط محمدرضا فلکی مطرح شد
1 پاسخ

گرفتن اطلاعات عکس از فرم و ارسال با 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);

});

ثبت پرسش جدید
محمدرضا فلکی
تخصص : Learning Laravel
@m.reza6920 2 سال پیش مطرح شد
0

این هم ajax

function ajaxRequest(url, method = "GET", myData = null) {
    var response = false;
    $.ajax({
        type: method,
        async: false,
        url: url,
        data: myData,
        headers: {
            "X-Authorization": getCookie("access_token")
        },
        success: function (data) {
            response = data;
        },

    });
    return response;
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام