<div class="form-group"> <label><%= (I18n.t 'user.form.your_avatar')%></label> <div class="push"> <%= image_tag @user.avatar, class: 'img-avatar' if @doctor.avatar.attached? %> </div> <div class="custom-file"> <%= form.file_field :avatar, class: 'custom-file-input', data: { toggle: 'custom-file-input' } %> <%= form.label :avatar, I18n.t('doctor.form.choose_new_avatar'), class: 'custom-file-label' %> </div> </div> Quiero informar al usuario una vez que elija la image uploaded successfully , antes de enviar los datos. ¿Cómo se puede manejar esto? ¿Alguna lógica?
Luego, solo necesita un pequeño script jQuery para agregar una notificación después de elegir una imagen.
$(document).ready(function () { $(document).on('change', '.custom-file-input', function (_e) { alert("You've added an image!"); }); });