图像未显示在 Django 1.8 模板中

Question

我想显示来自名为 index 的 Django 应用程序内的静态文件夹中的图像。但它在浏览器中显示图标，这意味着它在<img src=""/> 中指定的路径中找不到图像。这是我的目录结构：

|-- db.sqlite3
|-- images
|   |-- __init__.py
|   |-- __init__.pyc
|   |-- settings.py
|   |-- settings.pyc
|   |-- urls.py
|   |-- urls.pyc
|   |-- wsgi.py
|   `-- wsgi.pyc
|-- index
|   |-- admin.py
|   |-- admin.pyc
|   |-- __init__.py
|   |-- __init__.pyc
|   |-- migrations
|   |   |-- __init__.py
|   |   `-- __init__.pyc
|   |-- models.py
|   |-- models.pyc
|   |-- static
|   |   `-- index
|   |       `-- file2
|   |-- templates
|   |   `-- show.html
|   |-- tests.py
|   |-- urls.py
|   |-- urls.pyc
|   |-- views.py
|   `-- views.pyc
`-- manage.py

views.py

def show(request):
    return render(request, 'show.html', {})

urls.py

from django.conf.urls import url
from django.conf import settings
from django.conf.urls.static import static

from index import views

urlpatterns = [
    url(r'^show$', views.show),
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

show.html

{% load staticfiles %}
<img src="{% static "index/file2" %}" alt="test_image"/>

我曾尝试关注this，但显然做得不对。任何帮助将不胜感激。

Answer 1

经过大量试验，最后我结合 Stackoverflow 的答案得到了它。真的，这并不简单。呸！不过，我很高兴，也微笑着。 我已经使用 Apache 和 mod_wsgi (Xampp) 在 Windows 上设置了 Django 1.8。 'vrsite' 是我的网站。 'vrapp' 是我的应用程序。图像最终显示从 vrsite> vrsite > vrapp > static > vrapp >23-oracle.jpg 我获取图像显示的步骤如下： 1.目录结构： C:...\myvirtualwebenv27_1\xampp\htdocs\vrsite\manage.py

vrsite

  -- manage.py
  -- static
          --media
  -- static_dirs
          -- css
          -- img
                -- 23-oracle.jpg
          -- js
  -- static_root
          -- admin
               -- css
               -- img
               -- js
          -- css
          -- img
                -- 23-oracle.jpg
          -- vrapp
                 --23-oracle.jpg
  -- vrsite
          -- __init__.py
          -- settings.py
          -- urls.py
          -- wsgi.py
          -- vrapp
                 -- migrations
                 -- static
                         -- vrapp
                                -- 23-oracle.jpg

                 -- templates
                         -- index.html
                 -- __init.py__
                 -- admin.py
                 -- models.py
                 -- tests.py
                 -- views.py

2。设置.py

import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

INSTALLED_APPS = (
'django.contrib.staticfiles',
    'vrsite.vrapp',
)

ROOT_URLCONF = 'vrsite.urls'

WSGI_APPLICATION = 'vrsite.wsgi.application'

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'static', 'static_root')
#STATIC_ROOT = 'static'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static', 'static_dirs'),
)

MEDIA_ROOT = os.path.join(BASE_DIR, 'static', 'media')

MEDIA_URL = '/media/'

1. urls.py

   从 django.conf.urls 导入模式，包含，url

   from django.contrib import admin
   from django.conf import settings
   from django.conf.urls.static import static
   
   urlpatterns = [
       url(r'^$', 'vrsite.vrapp.views.home'),
   ] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
   

2. views.py

   从 django.shortcuts 导入渲染

   从 django.shortcuts 导入 render_to_response

   def home(request):
   
           return render_to_response('index.html')
   

3. index.html

{% load staticfiles %}

<img src="{% static "vrapp/23-oracle.jpg" %}" alt = "My image"/>

正文>

6. 如下运行collect static

   (myvirtualwebenv27_1) C:...\myvirtualwebenv27_1\xampp\htdocs\vrsite> C:...\myvirtualwebenv27_1\Scripts\python manage.py collectstatic

   您已请求在目的地收集静态文件 设置中指定的位置：

   C:\...\myvirtualwebenv27_1\xampp\htdocs\vrsite\static\static_root
   

   这将覆盖现有文件！ 您确定要这样做吗？

   输入“yes”继续，或输入“no”取消：yes 复制 C:...\myvirtualwebenv27_1\xampp\htdocs\vrsite\vrsite\vrapp\static\vrapp\23-oracle.jpg'

   1 个静态文件复制到 'C:...\myvirtualwebenv27_1\xampp\htdocs\vrsite\static\static_root'，64 个未修改。

Answer 2

我设置了STATIC_ROOT = 'static'，它现在在网页上显示图像。