url_for用jquery做一些奇怪的事情

Question

我目前正在努力使用python / flask / Jquery！我想在URL_for标签中使用img函数，但是在使用它时，浏览器会做出奇怪的事情！

$("div.left").append("<img id='my_img' class='centered' style='width:100%; height:100%' src=" + "{{ url_for('static', filename='./img/logo.png') }}" + "alt='Loading error!' />")

这是浏览器给我的：

<img id="my_img" class="centered" style="width:100%; height:100%" src="/static/img/logo.pngalt='Loading" error!'="">

最后一个问题：是否可以将代码放在带有url_for的js文件中（似乎不适用于我！）？

Answer 1

我认为双引号和单引号引起的问题。你可以试试吗

$("div.left").append('<img id="my_img" class="centered" style="width:100%; height:100%" src="{{url_for("static", filename="./img/logo.png")}}" alt="Loading error!" />')

Answer 2

如果您正在尝试使用Jquery，请遵循以下代码

$(function() {
  $("div.left").append("<img id='my_img' class='centered' style='width:100%; height:100%' src='" + url_for('static','./img/logo.png')+"' alt='Loading error!' />")
});

function url_for(a,b){
    return b;
}