Как использовать dropzone в форме Symfony? - PullRequest
Новая
       106

Как использовать dropzone в форме Symfony?

0 голосов
/ 03 мая 2020

Я скачал шаблон и работаю над бэкэндом сайта, используя Symfony4!

Страница формы работает отлично! но когда я пытаюсь включить его в проект Symfony, Dropzone не отображается / не работает должным образом!

The Working form

Вы можете увидеть в картинки (1 и 2) как работает dropzone! The picture that doesn't work

Вы можете видеть на рисунке 3, как это показано в моем Symfony проекте!

Вот код формы userType. php: это называется картинка 

<?php

namespace App\Form;

use App\Entity\User;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver;
use Symfony\Component\Form\Extension\Core\Type\FileType;
use Symfony\Component\Form\Extension\Core\Type\PasswordType;

class UserType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('Full_Name')
            ->add('username')
            ->add('email')
            ->add('password')
            ->add('password2',PasswordType::class,array(
                'mapped'=>false,
            ))
            ->add('phone')



            ->add('picture', FileType::class, array(
                'data_class' => null,
                'required' => false,
            ))
        ;
    }

    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults([
            'data_class' => User::class,
        ]);
    }
}

код вида (страница ветки) 

<center>
<div class="dropzone" class="col-lg-12 col-md-12 col-sm-12">
    <form action="/" id="frmFileUpload"  method="post" enctype="multipart/form-data">
        <div class="dz-message">
            <div class="drag-icon-cph"> <i class="material-icons">touch_app</i> </div>
            <h3>Drop picture here or click to upload.</h3>
            <em>Please upload your picture.(Its optional)</em> </div>
             {{ form_widget(form.picture, {'attr': {'type': 'file'} }) }}       

        <div class="fallback">
        </div>
    </form>
</div>
</center>

Вот код рабочей зоны сброса 

<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <form action="/" id="frmFileUpload" class="dropzone" method="post" enctype="multipart/form-data">
            <div class="dz-message">
                <div class="drag-icon-cph"> <i class="material-icons">touch_app</i> </div>
                <h3>Drop files here or click to upload.</h3>
                <em>(This is just a demo dropzone. Selected files are <strong>not</strong> actually uploaded.)</em> </div>
            <div class="fallback">
                <input name="file" type="file" multiple />
            </div>
        </form>
    </div>
</div>
...