使用JavaScript更改图像

Question

我在烧瓶上工作，遇到了一个奇怪的情况。 我试图用javascript更改图像，但flask给了我以下错误：

。。。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);
};

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

我使用的是simply render_模板方法：

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

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

如果您不知道如何修复此问题，请同时向我们概述您的目录结构