azizmashkour

#app/views/businesses/_form.html.erb
<%= form_with(model: business, scope: :business, local: true, :html => {multipart: true}) do |form| %>

    <div class="row">
      
      <div class="col-md-12">
        <%= form.file_field :logo_image, id: :business_logo_image %>
        <%= form.label :logo_image, class: 'upload' do %>
          <i class="material-icons">file_upload</i>
          <span>Choose image</span>

gilcierweb

#app/views/businesses/_form.html.erb
<%= form_with(model: business, scope: :business, local: true, :html => {multipart: true}) do |form| %>

    <div class="row">
      
      <div class="col-md-12">
        <%= form.file_field :logo_image, id: :business_logo_image %>
        <%= form.label :logo_image, class: 'upload' do %>
          <i class="material-icons">file_upload</i>
          <span>Choose image</span>

maria-p

// transform cropper dataURI output to a Blob which Dropzone accepts
function dataURItoBlob(dataURI) {
    var byteString = atob(dataURI.split(',')[1]);
    var ab = new ArrayBuffer(byteString.length);
    var ia = new Uint8Array(ab);
    for (var i = 0; i < byteString.length; i++) {
        ia[i] = byteString.charCodeAt(i);
    }
    return new Blob([ab], { type: 'image/jpeg' });
}