jQuery FileUpload gem не инициализируется

Question

Я хотел бы загрузить несколько изображений, используя большую загрузку файла jQuery в моем приложении Rails.

Так я последовал за Railscasts about it:

• Добавьте jquery-fileupload-rails gem
• Добавить требуют в моем application.js
• Создайте форму для моих картин
• Initialize FileUpload в файл под названием «корпуса .coffee "

Но я не понимаю, почему ничего не происходит n Я пытаюсь загрузить несколько изображений, используя перетаскивание или нажав «Добавить файлы ...».

Каждое изображение сохраняется обычно, когда я нажимаю кнопку «отправить».

Пожалуйста, помогите мне? Я действительно застрял.

Большое спасибо!

application.js `` `

//= require jquery 
//= require jquery_ujs 
//= require jquery-fileupload/basic 
//= require housings 

housings.coffee

$(document).ready(-> 
    jQuery -> 
    file = $('fileupload').fileupload 
    console.log(file) 
) 

корпуса/_form.html.erb

<%= form_for [@user, @picture], html: { multipart: true, id: 'fileupload'} do |f| %> 
     <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload --> 
     <div class="row fileupload-buttonbar"> 
     <div class="span7"> 
      <!-- The fileinput-button span is used to style the file input field as button --> 
      <span class="btn btn-success fileinput-button"> 
      <i class="icon-plus icon-white"></i> 
      <span>Add files...</span> 
      <%= f.file_field :image, multiple: true, name: 'picture[image]' %> 
      </span> 
      <%= f.hidden_field :housing_id, value: @housing.id %> 
      <button type="submit" class="btn btn-primary start"> 
      <i class="icon-upload icon-white"></i> 
      <span>Start upload</span> 
      </button> 
      <button type="reset" class="btn btn-warning cancel"> 
      <i class="icon-ban-circle icon-white"></i> 
      <span>Cancel upload</span> 
      </button> 
      <!--<button type="button" class="btn btn-danger delete">--> 
      <!--<i class="icon-trash icon-white"></i>--> 
      <!--<span>Delete</span>--> 
      <!--</button>--> 
      <input type="checkbox" class="toggle"> 
     </div> 
     <div class="span5"> 
      <!-- The global progress bar --> 
      <div class="progress progress-success progress-striped active fade"> 
      <div class="bar" style="width:0%;"></div> 
      </div> 
     </div> 
     </div> 
     <!-- The loading indicator is shown during image processing --> 
     <div class="fileupload-loading"></div> 
     <br> 
     <!-- The table listing the files available for upload/download --> 
     <table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody> 
     </table> 
    <% end %> 

housings_controller.rb> Индекс

@picture = Picture.new(housing_id: @user.housings.first.id) 

Answer 1

Не знаю, если это может помочь любому, но я в конечном итоге реализации другой яваскрипта инструмент, Dropzone.

Я думал, что было бы лучше, потому что FileUpload выглядит довольно старым, и у меня была головная боль, пытающаяся заставить ее работать.

Dropzone отлично работает с Rails и выглядит великолепно. В качестве справки я следовал this tutorial.