Afficher dans Twig l'image avant l'envoi serveur

Ca y est , j'ai trouvé une solution qui marche de feu de dieu

Il faut passer par du javascript

Alleluia

merci la foule

{% extends "::base.html.twig" %}
{% block asidemenu %}
    {% include "menu.html.twig" %}
{% endblock%}
{% block body %}
    <div id=contenu>
        <div id=thememenu>
            <h1>Choisir une image pour mon profil</h1>
            <h4>mon pseudo est {{ app.user.username }}</h4>
                {% if status is not defined %}
                    <form class="form" method="POST" enctype="multipart/form-data" action="{{ path('demo_upload', {'id_joueur': id_joueur}) }}">
                        <input type="file" id=imgImp name="img"> <img id=blah />
                        <button class="btn btn-large btn-primary" type="submit"> Envoyer !</button>
                    </form>

                    {% elseif status =='success' %}
                        {% if uploadedURL is defined%}
                            <img src="{{asset(uploadedURL)}}"/>
                        {% endif %}
                    {% else%}
                        {% if message is defined %}
                            <div class="">
                                <p>{{message}}</p>fff
                            </div>
                        {% endif %}
                    {% endif %}

        </div>
    </div>
<script>
$(document).ready(function () {
    function readURL(input) {

        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#imgImp").change(function(){
        readURL(this);
        console.log('change !');
    });
});
</script>

{% endblock %}