Django 实现图片上传和下载功能


Posted in Python onDecember 31, 2020

原生上传图片方式

#新建工程 
python manage.py startapp test30
#修改 settings.py
INSTALLED_APPS = [
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'stu'
]
#修改urls.py
from django.conf.urls import url, include
from django.contrib import admin

urlpatterns = [
  url(r'^admin/', admin.site.urls),
  url(r'student/',include('stu.urls')),
]
#新增加 stu/urls.py 
#coding:utf-8
from django.conf.urls import url
import views
urlpatterns = [
  url(r'^$',views.index_view)
]
#编辑 stu/views.py 
# -*- coding: utf-8 -*-
from __future__ import unicode_literals

from django.http import HttpResponse
from django.shortcuts import render

# Create your views here.
#原生上传文件方式
def index_view(request):
  if request.method == 'GET':
    return render(request,'index.html')
  elif request.method == 'POST':
    #获取请求参数
    uname = request.POST.get('uname','')
    photo = request.FILES.get('photo','')
    print photo.name
    import os
    print os.getcwd()
    if not os.path.exists('media'):
       os.mkdir('media')
    #拼接路径
    with open(os.path.join(os.getcwd(),'media',photo.name),'wb') as fw:
      # photo.read() #一次性读取文件到内存
      # fw.write(photo.read())

      #分块读取,性能高
      for ck in photo.chunks():
        fw.write(ck)

    return HttpResponse('It is post request,上传成功')

  else:
    return HttpResponse('It is not post and get request!')
#新增加模板文件 templates/index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<form action="/student/" method="post" enctype="multipart/form-data">
  {% csrf_token %}
  <p>
    <label for="ua">姓名: </label> <input type="text" name="uname" id="ua"/>
  </p>
  <p>
    <label for="ph">头像: </label> <input type="file" name="photo" id="ph"/>
  </p>
  <p>
         <input type="submit" value="注册"/>
  </p>
</form>
</body>
</html>
#效果如下:
访问: http://127.0.0.1:8000/student/

Django 实现图片上传和下载功能

Django 实现图片上传和下载功能

Django 实现图片上传和下载功能

Django 图片上传方式

需求:
效果: 访问 http://127.0.0.1:8000/student/ 通过注册将姓名、头像地址传入数据库中;
访问 http://127.0.0.1:8000/student/showall 将数据库信息通过表格形式展示

###过程
#修改 settings.py ,templates 新增加 'django.template.context_processors.media'
TEMPLATES = [
  {
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': [os.path.join(BASE_DIR, 'templates')]
    ,
    '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'
      ],
    },
  },
]

末尾增加:
# global_settings
#指定上传文件存储相对路径(读取文件)
MEDIA_URL = '/media/'
#指定上传文件存储绝对路径(存储文件)
MEDIA_ROOT = os.path.join(BASE_DIR,'media')

#创建数据库模型 stu/models.py
# -*- coding: utf-8 -*-
from __future__ import unicode_literals

from django.db import models

# Create your models here.

class Student(models.Model):
  sno = models.AutoField(primary_key=True)
  sname = models.CharField(max_length=30)
  photo = models.ImageField(upload_to='imgs')

  def __unicode__(self):
    return u'Student:%s'%self.sname
#生成数据库迁移文件,查看数据库表结构
python makemigrations stu
python migrate 


#修改 urls.py 因为显示问题,增加 DEBUG 内容
from django.conf.urls import url, include
from django.contrib import admin

from test30.settings import DEBUG, MEDIA_ROOT

urlpatterns = [
  url(r'^admin/', admin.site.urls),
  url(r'student/',include('stu.urls')),
]
from django.views.static import serve
if DEBUG:
  urlpatterns+=url(r'^media/(?P<path>.*)/$', serve, {"document_root": MEDIA_ROOT}),

#修改 urls, stu/urls.py
#coding:utf-8
from django.conf.urls import url
import views
urlpatterns = [
  url(r'^$',views.index_view),
  url(r'^upload/$',views.upload_view),
  url(r'^showall/$',views.showall_view)
]

# 修改 stu/views.py
#django 上传文件方式
def upload_view(request):
  uname = request.POST.get('uname','')
  photo = request.FILES.get('photo','')
  #入库操作
  Student.objects.create(sname=uname,photo=photo)
  return HttpResponse('上传成功!')

#显示图片
def showall_view(request):
  stus = Student.objects.all()
  print stus
  return render(request,'show.html',{'stus':stus})

# 修改 index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<form action="/student/upload/" method="post" enctype="multipart/form-data">
  {% csrf_token %}
  <p>
    <label for="ua">姓名: </label> <input type="text" name="uname" id="ua"/>
  </p>
  <p>
    <label for="ph">头像: </label> <input type="file" name="photo" id="ph"/>
  </p>
  <p>
         <input type="submit" value="注册"/>
  </p>
</form>
</body>
</html>
# 增加模板文件 show.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<table width="500px" border="1" cellspacing="0">
  <tr>
    <th>编号</th>
    <th>姓名</th>
    <th>头像</th>
    <th>操作</th>
  </tr>
  {% for stu in stus %}
  <tr>
  <td>{{ forloop.counter }}</td>
  <td>{{ stu.sname }}</td>
  <td><img style="width: 200px;" src="{{ MEDIA_URL }}{{ stu.photo }}"/></td>
  <td> 下载</td>
  </tr>
  {% endfor %}

</table>
</body>
</html>
效果图:
http://127.0.0.1:8000/student/ 注册实现数据库录入操作(点击提交通过index.html 中action="/student/upload/" 将url 转发至函数upload_view ,实现上传功能)
http://127.0.0.1:8000/student/showall/ 实现数据库信息展示

Django 实现图片上传和下载功能

Django 实现图片上传和下载功能

图片下载功能

### 需求
在显示页面点击下载实现图片的下载功能
过程:

#修改 show.html ,加入 下载的超链接
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<table width="500px" border="1" cellspacing="0">
  <tr>
    <th>编号</th>
    <th>姓名</th>
    <th>头像</th>
    <th>操作</th>
  </tr>
  {% for stu in stus %}
  <tr>
  <td>{{ forloop.counter }}</td>
  <td>{{ stu.sname }}</td>
  <td><img style="width: 200px;" src="{{ MEDIA_URL }}{{ stu.photo }}"/></td>
  <td><a href="/student/download/?photo={{ stu.photo }}" rel="external nofollow" >下载</a></td>
  </tr>
  {% endfor %}

</table>
</body>
</html>


#因为 show.html href="/student/download ,所以要修改urls
#修改 stu/urls.py,新增加 url
url(r'^download/$',views.download_view)

#修改 stu/views.py

def download_view(request):
  # 获取请求参数(图片存储位置) imgs/5566.jpg
  photo = request.GET.get('photo','')
  print photo

  # 获取图片文件名5566.jpg ; rindex 为字符 '/' 在 photo 中最后出现的位置索引;例如
  # txt = "imgs/5566.jpg"
  # x = txt.rindex("/")
  # print txt[x + 1:]  输出结果为 5566.jpg
  filename = photo[photo.rindex('/')+1:]
  print filename
  #开启一个流
  import os
  path = os.path.join(os.getcwd(),'media',photo.replace('/','\\'))
  print path

  with open(path,'rb') as fr:
    response = HttpResponse(fr.read())
    response['Content-Type']='image/png'
    response['Content-Disposition'] = 'attachment;filename=' + filename

  return response

#访问 http://127.0.0.1:8000/student/showall/ ,点击下载

Django 实现图片上传和下载功能

以上就是Django 实现图片上传和下载功能的详细内容,更多关于Django 图片上传和下载的资料请关注三水点靠木其它相关文章!

Python 相关文章推荐
python的re模块应用实例
Sep 26 Python
python中as用法实例分析
Apr 30 Python
Python如何判断数独是否合法
Sep 08 Python
彻底搞懂Python字符编码
Jan 23 Python
TensorFlow实现创建分类器
Feb 06 Python
flask中的wtforms使用方法
Jul 21 Python
python批量复制图片到另一个文件夹
Sep 17 Python
解决Keras 自定义层时遇到版本的问题
Jun 16 Python
Python操作Elasticsearch处理timeout超时
Jul 17 Python
python文件排序的方法总结
Sep 13 Python
Python 实现劳拉游戏的实例代码(四连环、重力四子棋)
Mar 03 Python
Python Numpy库的超详细教程
Apr 06 Python
Python wordcloud库安装方法总结
Dec 31 #Python
Python的信号库Blinker用法详解
Dec 31 #Python
浅析python实现动态规划背包问题
Dec 31 #Python
python中doctest库实例用法
Dec 31 #Python
Python项目打包成二进制的方法
Dec 30 #Python
Python 实现RSA加解密文本文件
Dec 30 #Python
python之随机数函数的实现示例
Dec 30 #Python
You might like
一个php导出oracle库的php代码
2009/04/20 PHP
php下获取http状态的实现代码
2014/05/09 PHP
CI框架自动加载session出现报错的解决办法
2014/06/17 PHP
教你如何开启shopnc b2b2c 伪静态
2014/10/21 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
php实现简易计算器
2020/08/28 PHP
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
js自动闭合html标签(自动补全html标记)
2012/10/04 Javascript
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
js实现四舍五入完全保留两位小数的方法
2016/08/02 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
js正则表达式验证表单【完整版】
2017/03/06 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
python中使用百度音乐搜索的api下载指定歌曲的lrc歌词
2014/07/18 Python
基于python的字节编译详解
2017/09/20 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
Python for循环搭配else常见问题解决
2020/02/11 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
Python中私有属性的定义方式
2020/03/05 Python
Python异常原理及异常捕捉实现过程解析
2020/03/25 Python
python中format函数如何使用
2020/06/22 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
德国古洛迷亚百货官网:GALERIA Kaufhof
2017/06/20 全球购物
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
应届生求职自荐信范文
2014/04/07 职场文书
统计专业自荐书
2014/07/06 职场文书
优秀党员个人总结
2015/02/14 职场文书
2019毕业论文致谢词
2019/06/24 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python