How do I handle file uploads in Laravel's frontend?

How do I handle file uploads in Laravel's frontend?

To handle file uploads in Laravel's frontend, you can use the built-in file input in your forms and handle the submission with AJAX.

Can you show me an example of the form and AJAX code?

Sure! Here's a simple example:

<form id="uploadForm" enctype="multipart/form-data">
    <input type="file" name="file" required>
    <button type="submit">Upload</button>
</form>

<script>
    document.getElementById('uploadForm').onsubmit = function(e) {
        e.preventDefault();
        let formData = new FormData(this);
        fetch('/upload', {
            method: 'POST',
            body: formData,
        }).then(response => response.json())
          .then(data => console.log(data));
    };
</script>

What backend code do I need to handle the upload?

In your Laravel controller, you can handle the upload like this:

public function upload(Request $request) {
    $request->validate(['file' => 'required|file|mimes:jpg,png,pdf|max:2048']);
    $path = $request->file('file')->store('uploads');
    return response()->json(['path' => $path]);
}