django 实现将本地图片存入数据库,并能显示在web上的示例
时间：2020-12-26 11:33:05|栏目：Python代码|点击： 次
1. 将图片存入数据库
关于数据库基本操作的学习，请参见这一篇文章：https://www.jb51.net/article/167141.htm
这里我默认，您已经会了基本操作，能在数据库中存图片了，然后，也会用图形界面操作数据库中的数据了
2.这里，我先给出我的代码，能少走些弯路就少走些
a) 项目的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)
+号后面的一定要写，如果想出来结果的话！否则回报一个 404 的错误
- b) 应用里的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
之后，你要会把IMG这个模式推送到数据库。
python ./manage.py makemigrations python ./manage.py migrate
c) 应用的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这个参数传过去，传到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) 设置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总的+号后面的也要跟着变化
3. 在http://127.0.0.1:8000/admin/网址上面，上传你的图片
栏 目：Python代码
下一篇：Python 解决火狐浏览器不弹出下载框直接下载的问题
本文标题：django 实现将本地图片存入数据库,并能显示在web上的示例
本文地址：http://www.codeinn.net/misctech/36790.html
