django 实现将本地图片存入数据库,并能显示在web上的示例


Posted in Python onAugust 07, 2019

1. 将图片存入数据库

关于数据库基本操作的学习,请参见这一篇文章:https://3water.com/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/网址上面,上传你的图片

django 实现将本地图片存入数据库,并能显示在web上的示例

以上这篇django 实现将本地图片存入数据库,并能显示在web上的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python获取糗百图片代码实例
Dec 18 Python
python通过BF算法实现关键词匹配的方法
Mar 13 Python
python安装oracle扩展及数据库连接方法
Feb 21 Python
python爬虫的工作原理
Mar 05 Python
Flask框架通过Flask_login实现用户登录功能示例
Jul 17 Python
python3 面向对象__类的内置属性与方法的实例代码
Nov 09 Python
django admin后台添加导出excel功能示例代码
May 15 Python
ubuntu 16.04下python版本切换的方法
Jun 14 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
Aug 09 Python
详解Python3定时器任务代码
Sep 23 Python
解决redis与Python交互取出来的是bytes类型的问题
Jul 16 Python
python实现canny边缘检测
Sep 14 Python
Python学习笔记之Django创建第一个数据库模型的方法
Aug 07 #Python
django将网络中的图片,保存成model中的ImageField的实例
Aug 07 #Python
Python学习笔记之文件的读写操作实例分析
Aug 07 #Python
详解python中__name__的意义以及作用
Aug 07 #Python
Pandas0.25来了千万别错过这10大好用的新功能
Aug 07 #Python
Python编程学习之如何判断3个数的大小
Aug 07 #Python
Python使用import导入本地脚本及导入模块的技巧总结
Aug 07 #Python
You might like
用来解析.htpasswd文件的PHP类
2012/09/05 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
javascript 写类方式之七
2009/07/05 Javascript
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
前端框架Vue.js中Directive知识详解
2016/09/12 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
原生node.js案例--前后台交互
2017/02/20 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
搭建vue开发环境
2018/07/19 Javascript
小程序实现列表删除功能
2018/10/30 Javascript
微信小程序实现提交input信息到后台的方法示例
2019/01/19 Javascript
vue实现简单学生信息管理
2020/05/30 Javascript
vue 重塑数组之修改数组指定index的值操作
2020/08/09 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
Python中return self的用法详解
2018/07/27 Python
Python线程同步的实现代码
2018/10/03 Python
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
基于Python的一个自动录入表格的小程序
2020/08/05 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
纯CSS实现设置半个字符的样式
2014/07/03 HTML / CSS
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
美国翻新电子产品商店:The Store
2019/10/08 全球购物
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
学习演讲稿范文
2014/05/10 职场文书
求职信结尾怎么写
2014/05/26 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
小学生成绩单评语
2014/12/31 职场文书
php访问对象中的成员的实例方法
2021/11/17 PHP
Tomcat弱口令复现及利用
2022/05/06 Servers