Flask 使用 JavaScript 更改图像

Question

我正在研究 Flask，但遇到了一个奇怪的情况。我正在尝试使用 javascript 更改图像，但 flask 给我这些错误：

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

... 12:05:38] "获取 /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.

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

如果您不知道如何解决这个问题，请同时向我们概述一下您的目录结构。

Flask 使用 JavaScript 更改图像

Flask change image with JavaScript

html

javascript

python

web-applications

flask