5

我将使用Blueimp jQuery-File-Upload库的基本版本进行文件上传。在 PHP 框架中,这个 Javascript 库依赖于 PHP 类“index.php”的执行,该类位于“server/php”目录中。如教程页面所示,“动作”必须指向该目录。

Symfony2应用程序中使用这个库时,“server/php”目录应该放在哪里?我应该使用哪条路径?在实践中如何让它工作?

PS:我知道有一些 Symfony2 捆绑包,比如Punkave 的“symfony2-file-uploader-bundle”,但是教程中有一些东西我遗漏了,我不想重复使用 Symfony2 表格-

4

1 回答 1

6

我会将 jquery 插件内容放入web/bundles/<your bundle name>/js/jquery-file-upload. 然后我会配置脚本(检查选项配置)以在以下位置查找 index.php 文件:/bundles/<your bundle name>/js/jquery-file-upload/server/php/index.php.

当然,您必须修改该 index.php 文件以检查用户是否已登录以及他是否具有正确的权限。

例如,这是我在测试环境中所做的:

我将此操作添加到控制器:

/**
 * @Route("/test/jquery-file-upload")
 * @Template("<your bundle name>:Default:test-jquery-file-upload.html.twig")
 */
public function testJqueryFileUploadAction()
{
    return array();
}

我创建了这个模板:

<input id="fileupload" type="file" name="files[]" data-url="{{ asset('bundles/<your bundle name>/jquery-file-upload/server/php/index.php') }}" multiple>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="{{ asset('bundles/<your bundle name>/jquery-file-upload/js/vendor/jquery.ui.widget.js') }}"></script>
<script src="{{ asset('bundles/<your bundle name>/jquery-file-upload/js/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('bundles/<your bundle name>/jquery-file-upload/js/jquery.fileupload.js') }}"></script>
<script>
$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });
});
</script>
于 2012-08-27T11:50:36.660 回答