javascript - 如何将参数传递给烧瓶中的 javascript 并将其用作图像的 src

Question

我想将参数传递给 javascript 并将其用作图像的 src。但它根本不起作用。当我硬编码网址时，它起作用了。这种 url_for 也适用于 html。

这是 app.py

@app.route('/result')
def result_html():
 username = str(session['user'])
 url = 'images/'+username+'/test.jpg'
 return render_template('result.html',data = url)

这是html中的javascript函数

  function checkImage(){
  var img = new Image();
  img.src = "{{ url_for('static', filename=data) }}"
  img.onload = function(){
      document.getElementById("changeImg").setAttribute("src","{{ url_for('static', filename=data) }}")
      document.getElementById("changeImg").setAttribute("style","padding-top: 5%; padding-bottom : 2%")
      document.getElementById("spinner-section").setAttribute("style","display:none");
      clearInterval(intervalId);
  }

标签： javascriptflaskjinja2

Answer 1

这有效：

您的看法：

@app.route('/result')
def result_html():
    demoUrl = 'https://upload.wikimedia.org/wikipedia/en/d/d4/Mickey_Mouse.png'
    return render_template('result.html', url = demoUrl) 

您的模板：

<img id="changeImg" >
<script>
    document.getElementById("changeImg").setAttribute("src","{{ url }}")
</script>