一、settings配置文件中配置

MEDIA_URL = '/media/'

MEDIA_ROOT = os.path.join(BASE_DIR, 'medias').replace('\\', '/')#media即为图片上传的根路径

二、url路由中配置

from django.conf import settings

from django.conf.urls.static import static

from app01 import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^index/', views.index,name='index'),

] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) #如果单纯的是上传，文件并不用来显示或者读取，就不用加这个

三、models.py文件中的写法

这个表的img是存的是文件保存的路径.

class Book(models.Model):

    name = models.CharField(max_length=32)

    date1 = models.DateTimeField(auto_now=True,null=True)

    date2 = models.DateTimeField(auto_now_add=True,null=True)

    img = models.ImageField(upload_to='img',null=True) #写上upload_to，后面指定一个路径，那么将来上传的文件会直接生成到配置文件中的那个medias文件夹中的img文件夹中，不需要我们自己写读取文件内容写入本地文件的操作，django内部帮我们自动处理了

四、views视图函数中的写法，上传一个图片：

from django.shortcuts import render,HttpResponse,redirect

from app01 import models

def index(request):

    if request.method == 'GET':

        return render(request,'index.html')

    else:

        username = request.POST.get('username')

        file_obj = request.FILES.get('file')

        print(file_obj)

        models.Book.objects.create(

            name = username,

            img = file_obj

        )

        return render(request,'index.html')

五 在index.html文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="{% url 'index' %}" enctype="multipart/form-data" method="post">

    {% csrf_token %}

    <div>用户名<input type="username" name="username"></div>

    <div>文件  <input type="file" name="file"></div>

    <div><input type="submit"></div>

</form>

</body>

</html>

六通过页面将上传文件

七更新上传了的文件（注意，只是会更新数据库中那个字段保存的文件的路径，但是之前上传的文件是不会被自动删除的，需要我们自行再写逻辑来删除之前上传错的或者需要被覆盖的文件。还有就是如果上传的文件名称是相同的那么你会发现数据库中这个字段的路径后面的文件名称会出现一个乱起八糟的随机字符串，这是因为上传的文件名称冲突了，django为了解决这个冲突，给你改了一下你的文件名称。）

obj = models.Book.objects.get(name='111')

obj.img=file_obj

obj.save()

#下面的update方法是不能更新正确更新保存的文件路径的，除非我们自己手动拼接文件路径，然后img=路径来进行update更新

models.Book.objects.filter(name='chao2').update(img=file_obj)

八 查看上传的文件:

from django.shortcuts import render,HttpResponse,redirect

from app01 import models

def index(request):

    objs = models.Book.objects.all()

    return render(request,'index.html',{'objs':objs})

九 html文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div>

    {% for obj in objs %}

        <img src="/media/{{ obj.img }}" alt="">

    {% endfor %}

</div>

</body>

</html>

在一次访问网页可以看到图片

上传同一个文件名的时候会出现文件名的乱码,暂时不知道怎么解决,没有写,想起来写吧

Django中图片的上传并显示的更多相关文章

  1. django中图片的上传和显示

    上传图片实际上是 把图片存在服务器的硬盘中,将图片存储的路径存在数据库中. 1 首先要配置文件上传的路径: 1.1 建立静态文件目录 在项目根目录下 新建一个 static文件夹,下面再建立一个med ...

  2. MVC 4 图片的上传及显示

    1 首先我们看一下如何上传 1.1 view 上传页面: 1: @using (Html.BeginForm("Create", "Achievement", ...

  3. Django_图片的上传下载显示配置

    图片上传的配置 image = models.ImageField(upload_to='org/%Y/%m',...) upload_to默认是上传到项目的'MEDIA_ROOT/org/%Y/%m ...

  4. Django中的文件上传和原生Ajax

    概述 Django中的上传有3种方案: form 表单常规上传,但点击提交后会自动刷新页面 Ajax 上传,不刷新页面,(分为原生ajax上传和jQuery上传),IE7以上不兼容 iframe 上传 ...

  5. django中处理文件上传文件

    1 template模版文件uploadfile.html 特别注意的是,只有当request方法是POST,且发送request的<form>有属性enctype="multi ...

  6. django后台处理前端上传和显示图片

      1:项目根目录存放图片的目录 2:settings.py  添加 MEDIA_ROOT = os.path.join(BASE_DIR, "media") 3:url.py 添 ...

  7. 航空售票系统设计分析（Markdownpad2图片服务器上传无法显示）

    一.体系结构设计 1.系统原型图 2.体系结构环境图 3.构建结构图 二.人机交互界面设计 1.用户分析结果及建议 本次分析的主要目标关注用户评论反馈,对反馈进行归纳,设计出用户喜欢的界面样式.用户的 ...

  8. ruby on rails爬坑（三）：图片上传及显示

    一,问题及思路 最近在用rails + react + mysql基本框架写一个cms + client的项目,里面涉及到了图片的上传及显示,下面简单说说思路,至于这个项目的配置部署,应该会在寒假结束 ...

  9. antd pro table中的文件上传

    概述 示例代码 列表页面 form 页面 model.js service.js 总结 概述 项目中经常会遇到在表格中展示图片的需求(比如展示用户信息时, 有一列是用户的头像). antd pro t ...

随机推荐

  1. Caused by: java.lang.ClassNotFoundException: org.springframework.boot.context.embedded.FilterRegistrationBean

    Caused by: java.lang.ClassNotFoundException: org.springframework.boot.context.embedded.FilterRegistr ...

  2. A new Graph Game

    点击打开链接 题意:给你一张N个节点的无向图.然后给出M条边,给出第 I 条边到第J条边的距离.然后问你是否存在子环,假设存在,则输出最成环的最短距离和 解析:构图:选定源点及汇点,然后将源点至个点流 ...

  3. ​网页图表Highcharts实践教程之标签组与加载动画

    ​网页图表Highcharts实践教程之标签组与加载动画 Highcharts标签组 在图表的大部分元素都提供了标签功能.但非常多时候,我们须要额外说明一些信息.这个时候借助原有的图表元素的标签功能就 ...

  4. Java中根据字节截取字符串

    一.简介 为了统一世界各国的字符集,流行开了Unicode字符集,java也支持Unicode编码,即java中char存的是代码点值,即无论是‘A’还是‘中’都占两个字节. 代码点值:与Unicod ...

  5. BZOJ 3343: 教主的魔法(分块+二分查找)

    BZOJ 3343: 教主的魔法(分块+二分查找) 3343: 教主的魔法 Time Limit: 10 Sec  Memory Limit: 256 MBSubmit: 1172  Solved:  ...

  6. B1297 [SCOI2009]迷路 矩阵

    这个题我觉得很有必要写一篇博客.首先,我们需要知道,假如一个邻接矩阵只有0/1构成,那么它自己的n次方就是走n步之后的方案数.但这个题还有2~9咋办呢.我们观察发现,这个题只有10个点,而且边权< ...

  7. 洛谷P1387最大正方形（dp，前缀和）

    题目描述 在一个n*m的只包含0和1的矩阵里找出一个不包含0的最大正方形,输出边长. 输入输出格式 输入格式: 输入文件第一行为两个整数n,m(1<=n,m<=100),接下来n行,每行m ...

  8. JavaScript中对象转换为原始值的规则

    JavaScript中对象转换为原始值遵循哪些原则? P52 对象到布尔值对象到布尔值的转换非常简单:所有的对象(包括数字和函数)都转换为true.对于包装对象亦是如此:new Boolean(fal ...

  9. Codeforces 718C 线段树+矩乘

    题意: 维护一个序列,支持两种操作:1.区间[l,r]的权值+x2.询问区间[l,r]的函数和,即∑fib(x)这里的函数即斐波那契函数数据范围:1≤n,q≤105 思路:一般求斐波那契函数的方法可以 ...

  10. ACM_水题你信吗

    水题你信吗 Time Limit: 2000/1000ms (Java/Others) Problem Description: 某发最近又认识了很多妹(han)子,可是妹(han)子一多不免有时会忘 ...