2016-10-15 2 views
1

Я знаю, что это было задано раньше, но ни один из ответов не был действительно уместным в моем случае.Как отправить файлы с помощью Fine Uploader с формой?

У меня есть система поддержки билетов и вы хотите, чтобы пользователи могли загружать вложения к этому. Для этого я использую Fine Uploader.

Моя проблема

  1. Реализация
  2. делает его на самом деле работает

Итак:

  1. Какой самый лучший способ сделать это? Я собирался разрешить пользователю выбирать файлы и загружать их с помощью формы, которая мне показалась наиболее эффективной. Некоторые люди предложили вариант автоматической загрузки файлов, а затем вернули идентификатор для ссылки на вложение с каждым ответом на билет. Каков наилучший способ сделать это? Я думаю, что первое наиболее практично, также не означает, что файлы загружаются, которые не связаны с ответами. Во-вторых, я думаю, что быстрее отправлять ответ, когда вложения загружаются во время ввода и еще много чего, и вы можете видеть ход загрузки. Лучший метод?

  2. я попробовал первый метод, здесь был мой код:

Форма:

{{ Form::open(['route' => ['ticket', $ticket->id], 'method' => 'put', 'id' => 'qqform']) }} 
<div class="row"> 
    <div class="col-sm-12"> 
     <div class="form-group"> 
      <label class="control-label bold-label">Message</label> 
       <textarea name="message" id="message" placeholder="Message" rows="5" 
        class="form-control"></textarea> 
     </div> 
    </div> 
</div> 

<div id="reply-form-uploader" class="reply-form-uploader"></div> 

<div class="text-right"> 
    <button class="btn btn-info" type="submit">Submit</button> 
</div> 
{{ Form::close() }} 

JS:

var uploader = new qq.FineUploader({ 
element: document.getElementById('reply-form-uploader'), 
autoUpload: false, 
interceptSubmit: true, 
sizeError: 2048 

Конечная точка, согласно документации, является то же, что и URL-адрес для действия, метод, который, как я полагаю, автоматически устанавливается также POST, и существует способ _method v заявляя PUT, чтобы эта часть работала.

Проблема здесь состоит в том, что она не работает I add my attachment here But it doesn't appear anywhere in the request

бы признателен некоторую помощь :)

+0

Идентификатор формы по умолчанию, который ищет FineUploader, представляет собой qq-форму. Вы установили свой id в qqform, что не то же самое. Таким образом, ваши значения формы не будут включены в сообщение. Вы также можете указать идентификатор формы, которую должен использовать FineUploader, вместо того, чтобы сменить идентификатор самой формы на qq-форму. Поэтому добавьте следующее к вашей форме JS ...: {element: "someTestFormId"} См. Также http://stackoverflow.com/a/41492246/4975760 и http://docs.fineuploader.com/branch/master/api /options.html#form – Dacker

ответ

0

Может быть, этот пример может помочь вам - http://fineuploader.com/demos.html#manually-trigger-uploads

Просто нажмите «View Code ", скопировать код вставки и начать реализацию. Сделайте свои изменения в HTML, и он должен работать. И взгляните на вкладку XHR на «Dev Tools». Если вы упустили что-то, ответ XHR вернет ошибку.

Надеюсь, что это поможет :)