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编写暴力破解FTP密码小工具
Nov 19 Python
Python实现字典的key和values的交换
Aug 04 Python
Python实现好友全头像的拼接实例(推荐)
Jun 24 Python
python去掉空白行的多种实现代码
Mar 19 Python
Python 获取中文字拼音首个字母的方法
Nov 28 Python
python 通过麦克风录音 生成wav文件的方法
Jan 09 Python
django与小程序实现登录验证功能的示例代码
Feb 19 Python
深入浅析Python中的迭代器
Jun 04 Python
django如何自己创建一个中间件
Jul 24 Python
详解Python IO编程
Jul 24 Python
浅谈Selenium+Webdriver 常用的元素定位方式
Jan 13 Python
Python实现将多张图片合成MP4视频并加入背景音乐
Apr 28 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
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
如何在PHP中使用Oracle数据库(3)
2006/10/09 PHP
数据库中排序的对比及使用条件详解
2012/02/23 PHP
PHP连接sql server 2005环境配置及问题解决
2014/08/08 PHP
php遍历目录方法小结
2015/03/10 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
PHP如何解决微信文章图片防盗链
2020/12/09 PHP
javascript document.compatMode兼容性
2010/02/23 Javascript
JS实现商品倒计时实现代码
2013/05/03 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
2016/05/04 Javascript
js以及jquery实现手风琴效果
2020/04/17 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
JS鼠标滚动分页效果示例
2017/07/05 Javascript
详解js的作用域、预解析机制
2018/02/05 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
2018/03/21 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
python实现mysql的单引号字符串过滤方法
2015/11/14 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
python版大富翁源代码分享
2018/11/19 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
Python类的绑定方法和非绑定方法实例解析
2020/03/04 Python
记一次Django响应超慢的解决过程
2020/09/17 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
python音频处理的示例详解
2020/12/23 Python
python实现录制全屏和选择区域录屏功能
2021/02/05 Python
设计师珠宝:Ylang 23
2018/05/11 全球购物
办公室文秘自我鉴定
2013/09/21 职场文书
大学班长的职责
2014/01/27 职场文书
设计师求职信模板
2014/05/06 职场文书
项目经理任命书
2014/06/04 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
Vue3.0 手写放大镜效果
2021/07/25 Vue.js