• 1402/03/10

ارسال عکس با ajax :

سلام استاد وقتتون بخیر من دقیقا دارم مثل آموزش شما منتها توی raazor page  پیش میرم عکس میفرستم و وارد هندلر هم میشه ولی عکس ورودی متد نال هستش خیلی سرچ زدم به نتیجه ای نرسیدم.

این کد ajax:

function UploadUserAvatar() {
    debugger;
    var avatarInput = document.getElementById("upload-image");
    if (avatarInput.files.length) {
        var file = avatarInput.files[0];
        var formData = new FormData();
        formData.append("userAvatar", file);
        $.ajax({
            url: "/UserPannel/Index?handler=ChangeUserAvatar",
            
            type: "get",
            data: formData,
            contentType: false,
            processData: false,
            beforeSend: function () {

            },
            success: function (response) {
                console.log(response);
            },
            error: function (error) {
                console.log(error);
            },
        });
    }
}

این متد هندلرم:

  public virtual  async Task<IActionResult> OnGetChangeUserAvatar(IFormFile userAvatar)
        {
            return new JsonResult(new { status = "Success" });
        }

استادمن متد و  onpost  هم کردم ولی اصلا وارد متد نشد با onget وارد میشهد ولی IFormFile userAvatar نال هست در صورتی که توی کد js فایل میگیره

  • 1402/03/12
  • ساعت 13:35

سلام دوست من وقت بخیر

متاسفانه  مدتی میشه با Razor کار نکردم

اما نمونه ی ارسال تصویر آواتار به صورت Ajax رو توی دوره بررسی کردیم و بخش Client اش باید به همین شکل باشه

متود رو روی Post بزارید.

همچنین این لینک ها مشکل شمارو بررسی و پیاده سازی کردن میتونید ازشون استفاده کنید :

Uploading Files via AJAX in Razor Pages

uploading-file-using-ajax-in-asp-net-core

امیدوارم مشکلتون برطرف شه

موفق باشید 🌹


logo-samandehi