Не переходить на следующую страницу после загрузки в Dropzone. js - Laravel - PullRequest
Новая
       18

Не переходить на следующую страницу после загрузки в Dropzone. js - Laravel

0 голосов
/ 30 апреля 2020

Я пытаюсь интегрировать dropzone. js с моим Laravel веб-сайтом. В настоящее время dropzone. js загружает изображения после нажатия на кнопку отправки, но не перемещается на другую страницу. Ниже приведен код, который я использую. 

<form method="post" action="{{url('/example/fileupload')}}" 
enctype="multipart/form-data" class="dropzone" id="frmTarget" name="dropzone">

    @csrf


<input type="text" name="some">  


<button type="submit" id="button" class="btn btn-primary">Submit</button>


</form>

Ниже перечислены конфигурации Dropzone, 

<script type="text/javascript">

Dropzone.options.frmTarget = {
    autoProcessQueue: false,
     addRemoveLinks: true,
  maxFiles: 10,

    url: '/example/fileupload',
    init: function () {

        var myDropzone = this;

        // Update selector to match your button
        $("#button").click(function (e) {
            e.preventDefault();
            myDropzone.processQueue();
        });

        this.on('sending', function(file, xhr, formData) {
            // Append all form inputs to the formData Dropzone will POST
            var data = $('#frmTarget').serializeArray();
            $.each(data, function(key, el) {
                formData.append(el.name, el.value);
            });
        });
    }
}

</script>

и Laravel Контроллер имеет следующий код. Просто загрузите изображение и попытайтесь вывести значение, введенное пользователем в текстовое поле в форме. 

public function fileupload(Request $request)
{


 $file = $request->file('file');

$filename=$file->getClientOriginalName();

$file->move('images/dropImages',$filename);

echo $request['some'];


}

После нажатия на кнопку отправки dropzone заполняет панель изображений и загружает их в папку, но не перемещает на новую страницу. Любая помощь? Спасибо

...