Hi Jordi,

After checking, for some reason, the image data has been removed from the input form. Could you please try with the changes as a workaround?

In the /metronic/core/components/image-input/image-input.ts

Inside _change() function:

Please try to remove

this._inputElement.value = "";

Hi Jordi,

Add logging to your Laravel controller to confirm whether the file is being received properly. Here's an example:

if ($request->hasFile("avatar")) {
 Log::info("Avatar received:", ["avatar" => $request->file("avatar")->getClientOriginalName()]);
} else {
 Log::warning("Avatar not received.");
}

document.getElementById("avatar").addEventListener("change", function(event) {
 const file = event.target.files[0];
 if (file) {
 console.log("File selected:", file.name);
 }
});

Hi Jordi,

Check the browser console for any JavaScript errors or warnings.
Inspect the form data being sent to the server. You can do this in the browser's network tab to ensure the file input is included in the form data.
Log the received data on the server side to verify that the file is being received.

Verify that your JavaScript code correctly updates the input value and that no JavaScript errors are occurring during form submission.

Sample code:

document.getElementById("avatar").addEventListener("change", function(event) {
 const file = event.target.files[0];
 if (file) {
 // Ensure file is handled correctly
 console.log("File selected:", file.name);
 }
});