Boa noite, aqui não funcionou o código "app.js".
Quando inspecionei a página, apareceu o seguinte erro:
"Uncaught ReferenceError: $ is not defined"e a linha marcada com erro foi a primeira do arquivo "app.js", essa linha:
"$('form input[type="file"]').change(event => {"
Olá Pedro, tudo bem com você?
Peço desculpas pela demora em lhe responder.
O erro, "Uncaught ReferenceError: $ is not defined", é apresentado no painel de desenvolvedor, quando o script jquery.js não está sendo carregado no arquivo template.html ou é carregado após o script app.js. A ordem em que a tag script é declarada no arquivo template.html gera impacto no funcionamento correto dos scripts.
Peço que verifique se o arquivo jquery.js foi criado na pasta statics. Dentro do arquivo jquery.js adicione as linhas de código presentes no seguinte link. Após acessar o link será aberta uma nova aba, pressione + e logo após pressione + para copiar. Abra o arquivo jquery.js e cole o código copiado pressionando +. Salve o arquivo.
Verifique se o carregamento do script jquery.js está ocorrendo primeiro que o script app.js. Para isso, acesse o arquivo template.html após a declaração do bloco conteudo ({% block conteudo %} {% endblock %}) deverá ser declarado as seguintes tags.
<script type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='app.js') }}"></script>Após adicioná-las, salve o arquivo template.html e execute novamente o servidor. Acesse a página de edição do jogo e escolha uma nova imagem, verifique se ocorre o carregamento da mesma.
Fico à disposição em caso de dúvidas.
Abraços e bons estudos