使用Symfony和VichUploader将base64图像转换为图像文件

时间:2019-03-12 14:32:36

标签: symfony symfony4 vichuploaderbundle

在symfony中,我有一个实体Program,它的属性为image。使用VichUploaderBundle完成上传图像,命名图像并将其放置在正确的目录中。实体看起来像这样:

//...

/**
 * NOTE: This is not a mapped field of entity metadata, just a simple property.
 *
 * @Assert\Image(
 *     maxSize="5M",
 *     mimeTypesMessage="The file you tried to upload is not a recognized image file"
 *    )
 * @Vich\UploadableField(mapping="program_image", fileNameProperty="imageName")
 *
 * @var File
 */
private $image;

/**
 * @ORM\Column(type="string", length=191, nullable=true)
 */
private $imageName; 

//...

现在,我希望在上载图像之前对其进行处理,这是我使用一些返回base64字符串的JS完成的。我将此字符串放在一个隐藏的输入字段base64Image中。然后,我在控制器中检索该字符串,并尝试将其转换为图像,可以像这样保存到我的实体中:

if ($form->isSubmitted() && $form->isValid()) {
    $program = $form->getData();

    $base64String = $request->request->get('base64Image');
    $decodedImageString = base64_decode($base64String);

    $program->setImage($decodedImageString);

//etc.....

程序在最后一行出现。 $decodedImageString实际上是另一个需要首先创建到文件中的字符串。我调查了file_put_contents来创建一个作为描述者here的文件,但是没有运气。

  

文件名不能为空

是我收到的错误。另外,我也不知道这是否适用于VichUploaderBundle,也许该问题的答案也已过时。有什么建议我可以做什么?

编辑: 使用以下代码进行了转换和上传:

define('UPLOAD_DIR', 'images/');
$img = $request->request->get('base64Image');
$img = str_replace('data:image/jpeg;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data = base64_decode($img);
$file = UPLOAD_DIR . uniqid() . '.jpeg';
$success = file_put_contents($file, $data);
print $success ? $file : 'Unable to save the file.';

现在,我只需要以某种方式加载VichUploaderBundle配置,或者也许根本不使用它。

2 个答案:

答案 0 :(得分:1)

解决方案的尝试是首先将base64文件转换为symfony uploadFile。

  • 您定义此服务
<?php

    namespace App\Utils;

    use Symfony\Component\HttpFoundation\File\UploadedFile;

    class UploadedBase64File extends UploadedFile
    {

        public function __construct(string $base64String, string $originalName)
        {
            $filePath = tempnam(sys_get_temp_dir(), 'UploadedFile');
            $data = base64_decode($base64String);
            file_put_contents($filePath, $data);
            $error = null;
            $mimeType = null;
            $test = true;

            parent::__construct($filePath, $originalName, $mimeType, $error, $test);
        }

    }

然后这是另一个服务,用于提取pur base64字符串图像

<?php

    namespace App\Utils;

    class Base64FileExtractor    
    {

        public function extractBase64String(string $base64Content)
        {

            $data = explode( ';base64,', $base64Content);
            return $data[1];

        }

    }
  • 在控制器中,您可以执行以下操作:
    <?php

    namespace App\Controller\Api;

    use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
    use Symfony\Component\HttpFoundation\Request;
    use Symfony\Component\Routing\Annotation\Route;
    use App\Utils\UploadedBase64File;
    use App\Utils\Base64FileExtractor;

    class CoreController extends AbstractController
    {
       /**
         * @Route("/images", methods={"POST"}, name="app_add_image")
         */
         public function addImage(Request $request, Base64FileExtractor $base64FileExtractor) 
         {

             //...

             if($form->isSubmitted() && $form->isValid()) {

                  $base64Image = $request->request->get('base64Image');
                  $base64Image = $base64FileExtractor->extractBase64String($base64Image);
                  $imageFile = new UploadedBase64File($base64Image, "blabla");
                  $program->setImage($imageFile);

                  //... 
                  // Do thing you want to do
             }
             // Do thing you want to do

         }
   }
  • “程序”实体中的setImage方法可以类似于
       /**
         * @param null|File $image
         * @return Program
         */
        public function setImage(?File $image): Program
        {
            $this->image = $image;

            if($this->image instanceof UploadedFile) {
                $this->updatedAt = new \DateTime('now');
            }

            return $this;
        }

如果要验证图像,则应在处理表格后立即进行设置,并且验证将按习惯进行。 我希望这个想法能对您有所帮助。

答案 1 :(得分:0)

您正在尝试将图像整体存储到setImage中。
但是,您这里需要的是一个字符串值。

这就是我的方法。

$ext='.png';
$fileName='file_name'.$ext;

$base64=str_replace('data:image/png;base64,', '', $base64);

$file=fopen('path_to_upload_dir'.$fileName, 'wb');
fwrite($file, base64_decode($base64));
fclose($file);

$program->setImage($fileName);