[RuianUploadifyBundle]
git=git://github.com/ruian/RuianUploadifyBundle.git
target=bundles/Ruian/UploadifyBundle
version=v1.0
Go into your deps file add these lines:
[RuianUploadifyBundle]
git=git://github.com/ruian/RuianUploadifyBundle.git
target=bundles/Ruian/UploadifyBundle
Launch install php bin/vendors install
Go into your app/autoload.php file and register this new namespace:
<?php
// app/autoload.php
$loader->registerNamespaces(array(
// ...
'Ruian' => __DIR__.'/../vendor/bundles',
// ...
));
Go into your app/AppKernel.php, and register it in your Kernel:
<?php
// app/AppKernel.php
public function registerBundles()
{
$bundles = array(
// ...
new Ruian\UploadifyBundle\RuianUploadifyBundle(),
);
// ...
)
Go into your app/config.yml and choose a secret key to encrypt your Session_id
ruian_uploadify:
token: "Th1sIs@S3cret!"
Imagine you have a user model like this
//Acme/DemoBundle/Model/User.php
<?php
namespace Acme\DemoBundle\Model;
class User
{
protected $name;
protected $picture;
//some methods...
}
Create a form associate
//Acme/DemoBundle/Form/Type/UserType.php
<?php
namespace Acme\DemoBundle\Form\Type;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilder;
class UserType extends AbstractType
{
public function buildForm(FormBuilder $builder, array $options)
{
$builder
->add('name', 'text', array(
'label' => 'Name'
))
->add('picture', 'hidden')
->add('picture_uploadify', 'uploadify_resource', array(
'data' => array(
'folder' => '/uploads/files/',
'preview' => 'picture_preview',
'path' => 'AcmeDemoBundle_upload',
'copy' => $this->getName() . '_' . 'picture'
),
'property_path' => false
))
;
}
// some code ...
// The folder where you to save your files
'folder' => '/uploads/files/'
// If you want to have a preview of your download give an ID element from your DOM
'preview' => 'picture_preview'
// give a route to uploadify to upload your file
'path' => 'RuianUploadifyBundle_upload'
// Referrer the property who is linked to uploadify
'copy' => $this->getName() . '_' . 'picture'
Now we have all elements let's go with our controller and view
AcmeDemoBundle_new:
pattern: /new
defaults: { _controller: AcmeDemoBundle:Demo:new }
AcmeDemoBundle_upload:
pattern: /upload
defaults: { _controller: AcmeDemoBundle:Demo:upload }
<?php
namespace Acme\DemoBundle\Controller;
use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Symfony\Component\HttpFoundation\Response;
use Acme\DemoBundle\Model\User;
use Acme\DemoBundle\Form\Type\UserType;
use Ruian\UploadifyBundle\Model\Resource;
class DemoController extends Controller
{
// some code ...
public function newAction()
{
$form = $this->createForm(new UserType(), new User());
// some code ...
return $this->render('AcmeDemoBundle:Demo:new.html.twig', array(
'form' => $form->createView()
));
}
// some code ...
public function uploadAction()
{
$request = $this->get('request');
$entity = new Resource();
$entity->setFolder($request->request->get('folder'));
$entity->setFile($request->files->get('Filedata'));
$entity->upload();
$response = new Response(json_encode($entity->toArray()));
$response->headers->set('Content-Type', 'application/json; charset=UTF-8');
return $response;
}
}
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/ruianuploadify/css/uploadify.css') }}">
<script type="text/javascript" src="{{ asset('bundles/ruiandemo/js/jquery.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/ruianuploadify/js/swfobject.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/ruianuploadify/js/uploadify.js') }}"></script>
</head>
<body>
<!-- some code ... -->
<form method="post" action="{{ path('AcmeDemoBundle_new') }}">
{% form_theme form 'RuianUploadifyBundle:Form:fields.html.twig' %}
{{ form_widget(form) }}
<input type="submit" value="save"/>
</form>
<!-- some code ... -->
</body>
</html>
If you prefer you can choose to not use the form theme i give to you but you will need to write all the js :-)
Or you can just override it into your bundle RuianUploadifyBundle/Resources/views/Form/fields.html.twig
- add validator for myme type