使用OneupUploaderBundle上传的实体文件的简单示例

时间:2014-10-13 14:00:27

标签: symfony file-upload jquery-file-upload oneupuploaderbundle

我尝试使用OneupUploaderBundle上传文件。我多次阅读此捆绑包的文档,但我没有设法找到要上传文件的实体的任何简单示例。我的期望是一个类似于VichUploaderBundle的类定义:

<?php

namespace Minn\AdsBundle\Entity;

use Doctrine\ORM\Mapping as ORM;
use Symfony\Component\HttpFoundation\File\File;
use Symfony\Component\Validator\Constraints as Assert;
use Vich\UploaderBundle\Mapping\Annotation as Vich;

/**
 * @ORM\Entity
 * @Vich\Uploadable
 */
class MotorsAdsFile {

    /**
     * @ORM\Id
     * @ORM\Column(type="integer")
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    public $id;

    /**
     * @Assert\File(
     *     maxSize="5M",
     *     mimeTypes={"image/png", "image/jpeg"}
     * )
     * @Vich\UploadableField(mapping="motors_files", fileNameProperty="filename")
     * note: This is not a mapped field of entity metadata, just a simple property.
     * @var File $file
     */
    protected $file;

    /**
     * @ORM\Column(type="string", length=255, name="filename")
     * @var string $filename
     */
    protected $filename;

    /**
     * @ORM\Column(type="string", length=255, name="name")
     * @var string $name
     */
    protected $name;

    // ... 
}

希望我的问题很明确......

我对此捆绑包很感兴趣,因为它支持jQuery。

谢谢,

1 个答案:

答案 0 :(得分:18)

没有预定义实体或ORM处理这样的东西。这有几个原因。该捆绑包无法预见项目在上传逻辑方面的需求。如果有人想要将文件存储到数据库中,则完全是他们自己的选择,不应该被第三方捆绑包强迫。 OneupUploaderBundle提供的东西是最常见的前端上传者的后端。


免责声明:我已经复制并扩展了an answer已经存在于此捆绑包的GitHub问题跟踪器中的内容。在那里,你会发现很多关于这个捆绑包现在如何以及为什么的见解。


鉴于您已经安装了一个有效的Symfony2项目,请按照此捆绑包的installation instructions进行操作。我认为第1步和第2步应该不是问题,所以让我们直接挂钩第3步,配置。

你说过,你试图整合jQuery File Uploader,所以让我们为它创建一个映射。 打开文件app/config/config.yml并在其末尾添加以下行。

oneup_uploader:
    mappings:
        gallery:
            frontend: blueimp

当然,不要忘记将以下行添加到app/config/routing.yml

oneup_uploader:
    resource: .
    type: uploader

配置太多了。为简单起见,我们将改变AcmeDemoBundle。

打开文件src/Acme/DemoBundle/Resources/views/Welcome/index.html.twig并删除{% block content %}{% endblock %}之间的所有内容。我们不再需要这个了。

现在插入以下内容:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://rawgithub.com/blueimp/jQuery-File-Upload/master/js/vendor/jquery.ui.widget.js"></script>
<script type="text/javascript" src="https://rawgithub.com/blueimp/jQuery-File-Upload/master/js/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="https://rawgithub.com/blueimp/jQuery-File-Upload/master/js/jquery.fileupload.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $('#fileupload').fileupload({});
});
</script>

<input id="fileupload" type="file" name="files[]" data-url="{{ oneup_uploader_endpoint('gallery') }}" multiple />

将浏览器指向此应用程序的根目录(app_dev.php)。您将看到一个与预期相似的输入字段,您现在可以上传一些图像(例如)。这些文件将以web/uploads/gallery存储在每个具有唯一文件名的文件中。请注意,我们使用了一些CDN来提供此所需的JavaScript文件。

此时,您已经有了一个有效的上传表单。但除了将文件上传到uploads目录外,它什么也没做。 这是文档中的Next step section派上用场的地方。

据我了解您的问题,您希望创建一个实体,用于存储相关文件的文件路径。 为此,请创建包含所有必填字段的Entity类。

<?php

namespace Minn\AdsBundle\Entity;

use Doctrine\ORM\Mapping as ORM;

/**
 * @ORM\Entity
 */
class MotorsAdsFile {

    /**
     * @ORM\Id
     * @ORM\Column(type="integer")
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    public $id;
    /**
     * @ORM\Column(type="string", length=255, name="filename")
     * @var string $filename
     */
    protected $filename;

    // ... 
}

然后按照此捆绑包的the documentation中的说明创建一个EventListener。

<?php

namespace Acme\HelloBundle\EventListener;

use Oneup\UploaderBundle\Event\PostPersistEvent;
use Minn\AdsBundle\Entity\MotorsAdsFile;

class UploadListener
{
    protected $manager;

    public function __construct(EntityManager $manager)
    {
        $this->manager = $manager;
    }

    public function onUpload(PostPersistEvent $event)
    {
        $file = $event->getFile();

        $object = new MotorsAdsFile();
        $object->setFilename($file->getPathName());

        $this->manager->persist($object);
        $this->manager->flush();
    }
}

当然注册你的事件监听器。

<services>
    <service id="acme_hello.upload_listener" class="Acme\HelloBundle\EventListener\UploadListener">
        <argument type="service" id="doctrine.orm.entity_manager" />
        <tag name="kernel.event_listener" event="oneup_uploader.post_persist" method="onUpload" />
    </service>
</services>

此时,只要通过配置的映射上传新文件,就会调用EventListener。 它接受此文件,创建MotorsAdsFile的新对象并将文件路径存储到filename属性,并将其保留并刷新到基础数据库。

由于我无法预测你的实际逻辑,这是我能想到的最基本的例子。您当然可以自由地在事件监听器中执行任何操作。 (如果您需要将此对象存储到另一个实体等。)

您将在文档的Next steps section中找到许多其他主题。例如,您如何change the naming strategy上传的文件或如何enable chunked uploads,以防您需要上传大文件。