快捷導(dǎo)航

django 實(shí)現(xiàn)將本地圖片存入數(shù)據(jù)庫(kù),并能顯示在web上的示例

更新時(shí)間：2019年08月07日 13:37:53 作者：竦貊

今天小編就為大家分享一篇django 實(shí)現(xiàn)將本地圖片存入數(shù)據(jù)庫(kù),并能顯示在web上的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

1. 將圖片存入數(shù)據(jù)庫(kù)

關(guān)于數(shù)據(jù)庫(kù)基本操作的學(xué)習(xí)，請(qǐng)參見(jiàn)這一篇文章：http://m.fzitv.net/article/167141.htm

這里我默認(rèn)，您已經(jīng)會(huì)了基本操作，能在數(shù)據(jù)庫(kù)中存圖片了，然后，也會(huì)用圖形界面操作數(shù)據(jù)庫(kù)中的數(shù)據(jù)了

2.這里，我先給出我的代碼，能少走些彎路就少走些

a) 項(xiàng)目的urls.py

from django.contrib import admin
from django.urls import path
from django.conf import settings
from django.conf.urls.static import static
urlpatterns = [
  path('admin/', admin.site.urls),
]+static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)

+號(hào)后面的一定要寫，如果想出來(lái)結(jié)果的話！否則回報(bào)一個(gè) 404 的錯(cuò)誤

- b) 應(yīng)用里的models.py

from django.db import models

# Create your models here.
class Person(models.Model):
  name = models.CharField(max_length=30)
  age = models.IntegerField()

  def __unicode__(self):
  # 在Python3中使用 def __str__(self):
    return self.name

class IMG(models.Model):
  img = models.ImageField(upload_to='img')
  name = models.CharField(max_length=20)
  def __str__(self):
  # 在Python3中使用 def __str__(self):
    return self.name

之后，你要會(huì)把IMG這個(gè)模式推送到數(shù)據(jù)庫(kù)。

python ./manage.py makemigrations
python ./manage.py migrate

c) 應(yīng)用的views.py

# Create your views here.
def hello(request):
  IMG.objects.filter(name='bg')
  img = IMG.objects.all()
  return render(request, 'Welcome.html',{'img':img})

把img這個(gè)參數(shù)傳過(guò)去，傳到Welcome.html

- d) Welcome.html

<!DOCTYPE HTML>
<html>

<head>
  <title> welcome </title>
</head>
<body >
    {% for i in img %}
    <img src="{{MEDIA_URL}}{{i.img}}">
    {% endfor %}

</body> 
</html>

e) 設(shè)置setting.py

TEMPLATES = [
  {
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': [],
    'APP_DIRS': True,
    'OPTIONS': {
      'context_processors': [
        'django.template.context_processors.debug',
        'django.template.context_processors.request',
        'django.contrib.auth.context_processors.auth',
        'django.contrib.messages.context_processors.messages',
        'django.template.context_processors.media',
      ],
    },
  },
]

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

注意，東西都是配套使用的，如果e中的路徑要變的話，a總的+號(hào)后面的也要跟著變化

3. 在http://127.0.0.1:8000/admin/網(wǎng)址上面，上傳你的圖片