python - 在 Heroku 上使用 Python 构建的 webapp 构建中未加载图像

标签 python html css image heroku

这是我在 heroku 上推送的目录结构:

anon@ubuntu:~/projects/heroku$ ls -l
total 32
drwxrwxr-x 6 anon anon  4096 Dec 25 21:10 env
-rwxrwxr-x 1 anon anon  2404 Dec 30 02:39 myapp.py
-rw-rw-r-- 1 anon anon    21 Dec 25 23:11 Procfile
-rw-rw-r-- 1 anon anon   124 Dec 25 21:11 requirements.txt
-rw-rw-r-- 1 anon anon 13490 Dec 29 16:32 image.jpg

调用时返回的myapp.py中的html如下:

<!DOCTYPE html>
<head>
    <title>My App</title>
</head>

<body>
    <div id="content_wrapper">
        <div id="logo">
            <img src="image.jpg" alt="Logo" />
        </div>
        <form action="/process" method="post">
            <input type="search" name="q" size="40" maxlength="200" placeholder="Enter your query...">
            <input type="submit" value="Search">
        </form>
    </div>
</body>
</html>

图像 image.jpg 未加载(损坏)。我做错了什么?

最佳答案

根据我的经验,Heroku 不喜欢持久文件,因为它在云中运行您的服务器。因此,我尽量不要将 image.jpg 文件直接包含在您的 Heroku 存储库中。相反,将图像托管在 AWS(亚马逊网络服务)上,并在标记中引用它。

This tutorial解释了如何做到这一点。

(可能有一些方法可以说服 Heroku 接受您的图像文件。但是,我仍然会尝试迁移到 AWS。

关于python - 在 Heroku 上使用 Python 构建的 webapp 构建中未加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20834935/

相关文章:

python - 我有两个字典,想将它们的一部分合并在一起

css - 样式 facebook 'like' 按钮

html - CSS - 如何让我的导航栏居中?

html - 使用显示 :table 的相等 div 高度

javascript - 使用 Javascript 为其他人更改现有网页

python - 使用ptrepack回收hdf5文件中删除的节点

python - Pandas:将数据框中的单行转换为具有多个维度的列表

python - 获取 pandas.MultiIndex 中某个级别的位置

javascript - 直接在服务器上运行的文本编辑器? (阿普塔纳?)

javascript - 使 iframe 适合其内容高度