How do you use Twig to render forms in Symfony?

Handling file uploads with Symfony forms involves creating a form that includes a file input field, validating the uploaded file, and processing it in your controller. Here’s a concise guide to do this:

Step 1: Create a Form Type

Create a form type that includes a file upload field.

Example

<?php
// src/Form/FileUploadType.php
namespace App\Form;

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\Extension\Core\Type\FileType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver;

class FileUploadType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('file', FileType::class, [
            'label' => 'Upload File',
            'mapped' => false, // Set to false since we won't map it to an entity
        ]);
    }

    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults([]);
    }
}
?>

Step 2: Create a Controller Action

In your controller, create an action to handle the form submission.

Example

<?php
// src/Controller/FileUploadController.php
namespace App\Controller;

use App\Form\FileUploadType;
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\HttpFoundation\File\Exception\FileException;
use Symfony\Component\Routing\Annotation\Route;

class FileUploadController extends AbstractController
{
    /**
     * @Route("/upload", name="file_upload")
     */
    public function upload(Request $request): Response
    {
        $form = $this->createForm(FileUploadType::class);
        
        $form->handleRequest($request);

        if ($form->isSubmitted() && $form->isValid()) {
            $file = $form->get('file')->getData();

            if ($file) {
                $filename = uniqid().'.'.$file->guessExtension(); // Generate a unique filename

                try {
                    // Move the file to the directory where files are stored
                    $file->move($this->getParameter('uploads_directory'), $filename);
                } catch (FileException $e) {
                    // Handle exception if something happens during file upload
                    $this->addFlash('error', 'File upload failed: '.$e->getMessage());
                }

                // Optionally save the filename to the database or perform other actions
                $this->addFlash('success', 'File uploaded successfully: '.$filename);
            }

            return $this->redirectToRoute('file_upload');
        }

        return $this->render('file_upload/upload.html.twig', [
            'form' => $form->createView(),
        ]);
    }
}
?>

Step 3: Configure File Upload Directory

In your services.yaml or parameters.yaml, define the uploads_directory parameter.

Example

# config/services.yaml
parameters:
    uploads_directory: '%kernel.project_dir%/public/uploads'

Step 4: Create a Twig Template

Create a Twig template to render the form.

Example

{# templates/file_upload/upload.html.twig #}
{% extends 'base.html.twig' %}

{% block body %}
    <h1>Upload a File</h1>

    {{ form_start(form) }}
        {{ form_row(form.file) }}
        <button type="submit">Upload</button>
    {{ form_end(form) }}

    {% for message in app.flashes('success') %}
        <div class="alert alert-success">{{ message }}</div>
    {% endfor %}
    {% for message in app.flashes('error') %}
        <div class="alert alert-danger">{{ message }}</div>
    {% endfor %}
{% endblock %}

How do you use Twig to render forms in Symfony?

Step 1: Create a Form Type

Example

Step 2: Create a Controller Action

Example

Step 3: Configure File Upload Directory

Example

Step 4: Create a Twig Template

Example

Related Questions & Topics