динамическое добавление выражения колбы с использованием url_for в javascript для отображения элемента img

Question

Я пытаюсь добавить элемент img в успешный POST-запрос ajax для моего приложения-колбы, как показано ниже:

$.ajax({
        type: "POST",
        url: "/image",
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(pred_path),
                success: function() {
                $('span#predimage').append("<img src='{{ url_for('new_send') }}' width='1140' height='700'>");

                    error: function(request,status,message) {
            //alert("Error\n"+message);
            }
        });

Элемент вызывается правильно, а вывод в элементе HTML выглядит следующим образом:

<span id="predimage"><img src="{{ url_for(" new_send')="" }}'="" height="700" width="1140"></span>

Из-за чего изображение не отображается на веб-странице. Может кто-нибудь, пожалуйста, помогите мне здесь, так как я не мог найти правильного решения. Ссылка на вышеприведенное взята из https://www.reddit.com/r/flask/comments/6di61d/url_for_and_jqueryjavascript/, в котором говорится, что подобное использование работало. Но я не могу понять, почему это не работает здесь.

Answer 1

Вы должны понимать, что фляга - это бэкэнд-фреймворк.
Это означает, что когда Клиент делает запрос на страницу, фляга позаботится об отображении такой страницы и возврате ее клиенту.
Такие функции, как «url_for», очень полезны для персонализации вашей страницы при ее рендеринге.

С учетом вышесказанного, после того, как колба вернет визуализированную страницу, он не сможет что-либо изменить на ней.
Когда вы добавляете «url_for» в JavaScript, вы добавляете его на уже обработанную страницу. Это происходит на стороне клиента, а колба не знает об этом.