Symfony 4中如何为Boisson实体添加4个图片上传输入框

没问题，我来一步步帮你实现这个需求——给Boisson实体的表单添加4个图片上传框，完成和Image实体的关联。

首先，我们需要在BoissonType里添加4个非映射的文件上传字段（因为Boisson实体本身没有这些字段，只是用来临时接收上传的文件）。

修改你的BoissonType代码，在现有字段后添加以下内容：

$builder
    ->add('user', EntityType::class, [
        'class' => User::class,
        'query_builder' => function (UserRepository $er) {
            return $er->createQueryBuilder('u');
        },
        'choice_label' => 'username'
    ])
    ->add('nom')
    ->add('prix')
    // 添加4个图片上传字段
    ->add('image1', FileType::class, [
        'label' => '图片1',
        'mapped' => false, // 标记为非映射字段，不会直接关联到Boisson实体
        'required' => false, // 可根据需求设置是否必填
        'constraints' => [
            new File([
                'maxSize' => '1024k', // 限制文件大小为1MB
                'mimeTypes' => [
                    'image/jpeg',
                    'image/png',
                    'image/gif',
                ],
                'mimeTypesMessage' => '请上传有效的JPG/PNG/GIF图片',
            ])
        ]
    ])
    ->add('image2', FileType::class, [
        'label' => '图片2',
        'mapped' => false,
        'required' => false,
        'constraints' => [
            new File([
                'maxSize' => '1024k',
                'mimeTypes' => [
                    'image/jpeg',
                    'image/png',
                    'image/gif',
                ],
                'mimeTypesMessage' => '请上传有效的JPG/PNG/GIF图片',
            ])
        ]
    ])
    ->add('image3', FileType::class, [
        'label' => '图片3',
        'mapped' => false,
        'required' => false,
        'constraints' => [
            new File([
                'maxSize' => '1024k',
                'mimeTypes' => [
                    'image/jpeg',
                    'image/png',
                    'image/gif',
                ],
                'mimeTypesMessage' => '请上传有效的JPG/PNG/GIF图片',
            ])
        ]
    ])
    ->add('image4', FileType::class, [
        'label' => '图片4',
        'mapped' => false,
        'required' => false,
        'constraints' => [
            new File([
                'maxSize' => '1024k',
                'mimeTypes' => [
                    'image/jpeg',
                    'image/png',
                    'image/gif',
                ],
                'mimeTypesMessage' => '请上传有效的JPG/PNG/GIF图片',
            ])
        ]
    ]);

在config/services.yaml中添加一个参数，指定图片上传的存储路径（建议放在public/uploads/images目录）：

parameters:
    images_directory: '%kernel.project_dir%/public/uploads/images'

别忘了创建这个目录，并设置正确的权限（比如开发环境用chmod -R 777 public/uploads/images，生产环境建议配置更严格的权限）。

确保你的Image实体有以下字段和关联关系，用来存储图片路径和关联Boisson：

// App\Entity\Image.php

use App\Entity\Boisson;
use Doctrine\ORM\Mapping as ORM;

/**
 * @ORM\Entity(repositoryClass="App\Repository\ImageRepository")
 */
class Image
{
    /**
     * @ORM\Id()
     * @ORM\GeneratedValue()
     * @ORM\Column(type="integer")
     */
    private $id;

    /**
     * @ORM\Column(type="string", length=255)
     */
    private $path; // 存储上传后的文件名

    /**
     * @ORM\ManyToOne(targetEntity="App\Entity\Boisson", inversedBy="images")
     * @ORM\JoinColumn(nullable=false)
     */
    private $boisson;

    // 自动生成的getter和setter方法
    public function getId(): ?int
    {
        return $this->id;
    }

    public function getPath(): ?string
    {
        return $this->path;
    }

    public function setPath(string $path): self
    {
        $this->path = $path;

        return $this;
    }

    public function getBoisson(): ?Boisson
    {
        return $this->boisson;
    }

    public function setBoisson(?Boisson $boisson): self
    {
        $this->boisson = $boisson;

        return $this;
    }
}

在处理Boisson表单提交的控制器方法中，添加逻辑来处理上传的图片，创建Image实体并关联到Boisson：

// 比如在BoissonController的new或edit方法中
public function new(Request $request, EntityManagerInterface $em)
{
    $boisson = new Boisson();
    $form = $this->createForm(BoissonType::class, $boisson);
    $form->handleRequest($request);

    if ($form->isSubmitted() && $form->isValid()) {
        // 遍历4个图片字段，处理上传
        foreach (['image1', 'image2', 'image3', 'image4'] as $fieldName) {
            $file = $form->get($fieldName)->getData();
            
            // 如果有上传的文件
            if ($file) {
                // 生成唯一文件名，避免重名
                $fileName = uniqid().'.'.$file->guessExtension();
                
                // 将文件移动到配置的上传目录
                $file->move(
                    $this->getParameter('images_directory'),
                    $fileName
                );
                
                // 创建Image实体并关联到当前Boisson
                $image = new Image();
                $image->setPath($fileName);
                $image->setBoisson($boisson);
                
                // 添加到Boisson的images集合
                $boisson->addImage($image);
            }
        }

        // 持久化Boisson（会自动级联持久化关联的Image实体，如果你配置了级联的话）
        $em->persist($boisson);
        $em->flush();

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

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

在你的Twig模板（比如boisson/new.html.twig）中，确保渲染这4个图片字段：

{{ form_start(form) }}
    {{ form_row(form.user) }}
    {{ form_row(form.nom) }}
    {{ form_row(form.prix) }}
    
    {# 渲染4个图片上传框 #}
    {{ form_row(form.image1) }}
    {{ form_row(form.image2) }}
    {{ form_row(form.image3) }}
    {{ form_row(form.image4) }}

    <button type="submit" class="btn btn-primary">提交</button>
{{ form_end(form) }}

• 如果希望表单提交时自动级联持久化Image实体，可以在Boisson的OneToMany注解中添加cascade={"persist", "remove"}：

  /**
   * @ORM\OneToMany(targetEntity="App\Entity\Image", mappedBy="boisson", cascade={"persist", "remove"})
   */
  private $images;
  

  这样在持久化Boisson时，关联的Image实体也会自动被持久化/删除，不需要单独调用$em->persist($image)。
• 如果你需要支持编辑时修改图片，还需要添加逻辑来处理旧图片的删除，这里暂时先聚焦于新增的场景。

内容的提问来源于stack exchange，提问作者Ruydo