在javascript中使用url\u动态添加flask表达式以显示img元素

Question

我正在尝试在ajax POST请求成功中为我的flask应用程序添加一个img元素，如下所示：

$.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

您需要了解flask是一个后端框架。
这意味着当客户端请求页面时，flask将负责呈现该页面并将其返回给客户端。
像“url\u for”这样的函数在呈现页面时非常有用，可以对页面进行个性化设置。你知道吗

话虽如此，在flask返回呈现的页面后，他无法更改页面上的任何内容。
当您在JavaScript上添加“url\u for”时，您正在将其添加到已经呈现的页面上。这发生在客户端，而flask并不知道这一点。你知道吗