Dropzone JS изображения с разными размерами после загрузки - PullRequest
Новая
       85

Dropzone JS изображения с разными размерами после загрузки

0 голосов
/ 08 мая 2020

Я настраиваю загрузку изображений с помощью Dropzone JS, но файлы имеют разные размеры после загрузки

enter image description here

Вот как я хочу

enter image description here

Так выглядит мой код, но я не уверен, нужно ли мне делать что-то еще, чтобы он работал. 

<div class="card-body">
  <div class="container">
    <div class="row">
      <div class="col-lg-offset-1 col-lg-12">
        <form action="/cars/<%= @car.id %>/upload_photo" class="dropzone" id="myDropzone"></form>
      </div>

      <div class="col-lg-3">
        <% @car.photos.each do |photo| %>
          <div class="card">
            <div class="card-image">
              <%= link_to 'Remove', delete_photo_car_url(photo_id: photo.id, id: @car.id), 
                  method: :delete,
                  data: { confirm: "Are you sure?" },
                  class: "delete delete-file is-pulled-right",
                  style: "z-index: 100" %>

              <figure class="figure">
                <%= image_tag url_for(photo) %>
              </figure>
           </div>
         </div>
        <% end %>
      </div>
    </div>
  </div>
</div>

<script>
  Dropzone.options.myDropzone = {
    paramName: "file",
    maxFilesize: 2,
    acceptedFiles: "image/*",
    init: function() {
      this.on('complete', function (file) {
        location.reload();
      })
    }
  }
</script>

Пожалуйста, как мне это исправить?

...