使用 JavaScript 烧瓶更改图像

Question

我正在研究 Flask，但我陷入了一个奇怪的境地。 我正在尝试使用 javascript 更改图像，但烧瓶给了我这些错误：

... 12:05:34] “GET / HTTP/1.1” 200 -

... 12:05:38]“GET /img/immagine.jpg HTTP/1.1”404 -

JS：

var btnAddImage = document.getElementById("btnAddImage");
btnAddImage.onclick = function() {
  var img = document.createElement("img");
  img.src = "/static/img/immagine.jpg.jpg";
  document.getElementById("asi").appendChild(img);
};

正如您在路径中看到的，它被指定为静态但未被读取。

我使用的是简单的 render_template 方法：

from flask import Flask, render_template
app = Flask(__name__)


@app.route("/")
def hello():
    return render_template('index.html', nome=nome)
    enter code here

Answer 1

错误信息明确指出找不到图片。

您的代码与错误消息不匹配。一次是.jgp 作为文件结尾，一次是.jpg.jpg。

尝试将图像名称和路径与您在代码中编写的进行比较。

如果您不知道如何解决此问题，请向我们提供您的目录结构的概述。