无法在css（Flask模板）中应用背景图像

Question

我想在内部css中应用背景图像。我用的是烧瓶模板。这是我的目录

src - templates - image - img.jpg
src- templates - upload.html

我想把背景图像上传.html. 但我有404错误。有人能帮我吗？你知道吗

我的代码：

background-image: url("/image/img.jpg");

错误消息：

get /image/img.jpg HTTP/1.1 404

Answer 1

（Flask）标准方法是将静态文件放在项目根目录下的static文件夹中，您将在示例和教程中看到这种方法。假设你的CSS也在static

background-image: url('/static/img.jpg');

做你想做的事。但是如果你在模板中嵌入样式

background-image: url({{ url_for('static', filename='img.jpg') }});

是首选，尽管前者可以很好地工作。你知道吗

如果事情变得更复杂，你开始使用蓝图，查阅文档。你知道吗

Answer 2

我认为你给错了路，这就是为什么你得到404错误。你呢可以使用以下代码。你知道吗

background-image: url{"image/img.jpg"};

Answer 3

可能存在多个问题，如：

1. 目录URL不正确：请尝试指定整个URL-而不是"/image/img.jpg"尝试"/templates/image/img.jpg"。

2. 目录名拼写错误-请正确检查。

3. 确保指定的图像格式正确（.jpg）。