[RAILS] Implementierung der Bildvorschau

<%= attachment_image_tag @user, :image, size: "300x300", fallback: "no_profile.jpg ", size: "300x300" , id: "img_prev"%>

<script>
$(function(){                                         
    $('#user_image').on('change', function (e) {        #Informationen von id abrufen
    var reader = new FileReader();　　　　　　　　　　　　#Vorhandene Bild-URL abrufen
    reader.onload = function (e) {
        $(".image").attr('src', e.target.result);
    }　　　　　　　　　　　　　　　　　　　　　　　　　　　　#Dies ist für die Bildaufnahme
    reader.readAsDataURL(e.target.files[0]);　　　　　   #Fügen Sie die URL des hochgeladenen Bildes in die erhaltene URL ein
});
});

</script>

Recommended Posts