Question

我想在我的html页面中显示图像。我试图在模板中显示图像但没有显示。我给下面的代码检查一下是否正确并给出一些想法。

userreg(project name)
|-- media
|-- images
|    |-- linkedin.png
|
|-- registration(APP)
|    |--TEMPLATES
|
|--URLS.PY
|--SETTINGS.PY


SETTINGS.PY

CURRENT_DIR = os.path.dirname(os.path.abspath(__file__))
STATIC_ROOT = os.path.join(CURRENT_DIR, 'static')
STATIC_URL = '/var/www/userreg/static/'

TEMPLATES

<img src="{{ MEDIA_URL }}images/linkedin.png" />

检查其是否正确并清除上述代码中的错误。举一些在html模板中添加外部css和javascript的例子

Answer 1

MEDIA_URL应该用于提供用户上传的内容，而对于提供静态文件，可以使用STATIC_URL。请尝试以下设置

STATICFILES_DIRS = (
    os.path.join(CURRENT_DIR, 'media'),
)

STATIC_ROOT = 'static/'

STATIC_URL = '/static/'

在你的模板中

<img src="{{ STATIC_URL }}images/linkedin.png" />
<link type="text/css" href="{{ STATIC_URL }}css/style.css" />
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.8.3.min.js"></script>

Django显示图像并使用外部CSS和Javascript

1 个答案: