javascript document.write image错误

Question

我正在使用Flask并将变量（image_name）传递给javascript以获取动态Web内容。 我在document.write（）中使用这些变量来显示图像文件。 根据变量image_name，应加载所需的.jpg文件。

这是我的JS代码：

document.write('<img class="img-circle profile_img" '
+ 'src="{{ url_for(' + "'static', filename='images/"
+ "'{{ image_name }}'" + ".jpg' )}}"
+ '" onerror="'
+ "this.onerror=null;this.src='../static/images/"
+ "'{{ image_name }}'"
+ ".jpg';"+'"'+"/>");

使用image_name =“max_mustermann”我希望输出为：

<img class="img-circle profile_img" src="{{ url_for('static', filename='images/max_mustermann.jpg' )}}" onerror="this.onerror=null;this.src='../static/images/max_mustermann.jpg';"/>

当我运行Flask并尝试加载页面时，我的broswer显示以下错误。

  

jinja2.exceptions.TemplateSyntaxError：期望令牌'，'，得到   '静态'