OneupUploaderBundle и jQuery-File-Upload для Symfony 2

Question

Я пробовал это, но я запутался, так как я новичок в Symfony Events и прочем.

Вот где у меня так далеко:

• установка комплекта композитора
• Изменения в файле AppKernel.php, routing.yml, services.yml, config.yml, UploadListener.php

И это работает, файл, который я положил, на самом деле загружается в папку, и я получил заполнение строки состояния... но мне нужно что-то еще:

1. каким-то образом мне нужно опубликовать (и прочитать) идентификатор элемента (целое число) вместе с файлом (или чтобы иметь возможность установить имя файла, когда файл копируется в выходную папку)
2. если что-то пойдет не так с загрузкой, как мне отправить сообщение об ошибке обратно?
3. В примере (jQuery-File-Uploader) код возвращает имя файла загруженного файла, мой код этого не делает, я имею в виду, что код есть, но он не работает

Я публикую код, который у меня есть.

HTML-код (вот часть, где я называю jQuery-File-Upload

<tr>
                    <td>{{ clienteCorporativo.nombreComercial|upper }}</td>
                    <td>{% if clienteCorporativo.afiliadosUploads|length == 0 %}Nunca{% else %}{{ (clienteCorporativo.afiliadosUploads|last).fecha|date('d/mmm/y') }}{% endif %}</td>
                    <td>
                        {% if clienteCorporativo.formatoExcelAfiliados == null %}
                            <span class="btn btn-success fileinput-button">
                                <i class="glyphicon glyphicon-upload"></i>&nbsp;&nbsp;&nbsp;
                                <span>Seleccionar Excel</span>
                                <input id="fileupload_{{ clienteCorporativo.id }}" class="fileupload" data-id="{{ clienteCorporativo.id }}" type="file" name="files[]" multiple>
                            </span>
                            {#<span style="color: #8c8c8c"><span class="glyphicon glyphicon-upload"></span>&nbsp; Seleccionar Excel &nbsp;&nbsp;&nbsp;</span>#}
                        {% else %}
                            <input id="fileupload_{{ clienteCorporativo.id }}" class="fileupload" type="file" name="files[]" data-url="{{ oneup_uploader_endpoint('gallery') }}" />
                            {#<a role="button" data-toggle="modal" data-target="#myModal" data-operation="loadOne" data-id="{{ clienteCorporativo.id }}"><span class="glyphicon glyphicon-upload"></span>&nbsp; Seleccionar Excel</a> &nbsp;&nbsp;&nbsp;#}
                        {% endif %}
                        <a role="button" data-toggle="modal" data-target="#myModal" data-operation="defineFormat" data-id="{{ clienteCorporativo.id }}"><span class="glyphicon glyphicon-list-alt"></span>&nbsp; Definir Formato</a> &nbsp;&nbsp;&nbsp;
                        {% if clienteCorporativo.afiliadosUploads|length == 0 %}
                            <span style="color: #8c8c8c"><span class="glyphicon glyphicon-repeat"></span>&nbsp; Revertir Última Carga &nbsp;&nbsp;&nbsp;</span>
                        {% else %}
                            <a role="button" data-toggle="modal" data-target="#myModal" data-operation="undoLast" data-id="{{ clienteCorporativo.id }}"><span class="glyphicon glyphicon-repeat"></span>&nbsp; Revertir Última Carga</a> &nbsp;&nbsp;&nbsp;
                        {% endif %}
                    </td>
                    <td>
                        <div id="progress_{{ clienteCorporativo.id }}" class="progress text-center">
                            <div class="progress-bar progress-bar-success">
                                <span id="files_{{ clienteCorporativo.id }}"></span>
                            </div>
                        </div>
                    </td>
                </tr>

JS скрипт ("каждое" предложение ничего не делает)

<script>
    /*jslint unparam: true */
    /*global window, $ */
    var idFile = 0;
    $(function () {
        'use strict';
        // Change this to the location of your server-side upload handler:
        $('.fileupload').fileupload({
            url: '{{ oneup_uploader_endpoint('xlsfile') }}',
            dataType: 'json',
            done: function (e, data) {
                var eventTrigger = $(this)
                idFile = eventTrigger.data('id')
                $.each(data.result.files, function (index, file) {
                    $('#files_'+idFile).html(file.name);
                });
            },
            progressall: function (e, data) {
                var eventTrigger = $(this)
                idFile = eventTrigger.data('id')
                var progress = parseInt(data.loaded / data.total * 100, 10);
                $('#progress_'+idFile+' .progress-bar').css(
                        'width',
                        progress + '%'
                );
            },
            formData: [ {"id":idFile} ]
        }).prop('disabled', !$.support.fileInput)
                .parent().addClass($.support.fileInput ? undefined : 'disabled');
        //
    });
</script>

Другие файлы (AppKernel.php, routing.yml, services.yml, config.yml, UploadListener.php) точно так же, как в документации OneupUploaderBundle (я изменил вещи, а затем откат, так как я не получил результаты, я ожидается). Я думаю, что я жую больше, что я мог проглотить на этом...

Answer 1

Ваши поля формы будут опубликованы вместе с файлом загрузки. Или вы можете использовать form_data: {} вариант в вашем $('#myFile').fileUploader() конструктор. Но он отправит поля формы по умолчанию, и вы можете обрабатывать их обычным способом.

$('#myFile').fileupload({
    dataType: 'json',
    formData: {
        'file_id': 1
    },

Вы должны создать свой собственный ответ в свой UploadListener. Затем проанализируйте результаты на внешнем интерфейсе (Javascript).

$response = $event->getResponse();
$response['success'] = true;
$response['files'] = [
    'file' => [
        'name' => $event->getFile()->getPathname()
    ]
];
return $response;