django如何显示图片

非常详细的教程,教大家一步步用Django上传与显示图片。用例子学习是一个不错的方法,下面我用一个非常简单的例子为大家讲解Django中图片的上传与显示。

操作方法

  • 01

    创建名称为‘a’的项目

  • 02

    在项目‘a’中创建名为‘b’的app

  • 03

    把b加入到settings.py中的INSTALLED_APPS中

  • 04

    在文件夹b下,编辑models.py,创建IMG类

  • 05

    更新数据库

  • 06

    在文件夹b下,编辑views.py,创建图片上传与显示函数

  • 07

    在a文件夹下,编辑urls.py文件

  • 08

    编辑a文件夹下的setting.py文件,添加如下代码:主要的作用是配置上传文件的根路径

  • 09

    在b文件夹下创建templates文件夹,再在templates文件夹下创建b文件夹,再在新创建的b文件夹下创建uploadimg.html文件,内容如下:

  • 10

    在uploadimg.html同目录下创建showimg.html文件

  • 11

    运行django程序

  • 12

    打开浏览器,输入地址进入图片上传页面,点击“浏览”,选择要上传的图片,“上传”之。因为页面设计的比较简单,所以大家上传图片后,在本页面看不到任何变化,但确实已经上传了;

  • 13

    显示上传的图片 在浏览器中输入,就会看到我们已经上传的图片。

(0)

相关推荐

  • 如何在Word2007文档中使用"显示图片框"功能

    对于含有图片数量较多的Word2007文档,为了提高Word文档翻页速度,用户可以启用Word2007的“显示图片框”功能,操作步骤如下所述: 第1步,打开Word2007文档窗口,依次单击“Offi ...

  • 在Word2010文档中显示图片框提高文档翻页速度的图文教程

    对于含有图片数量较多的Word2010文档,为了提高Word文档翻页速度,用户可以启用Word2010的“显示图片框”功能,操作步骤如下所述: 第1步,打开Word2010文档窗口,依次单击“文件”→ ...

  • IE10浏览器不显示图片的情况解决方法介绍

    最近小编发现IE10不显示图片,尤其在淘宝网上,如下图,用别的浏览器可以正常显示。引起这类问题的原因很多,下面说说解决方法。 IE 10 不显示图片 问题一、可以看到大部分图片,但无法看到所有图片 如 ...

  • Win10文件夹中显示图片更多详细信息比如分辨率等

    不少用户从Win7升级到Win8或Win10后,对这两个系统在一个细节上都有一丝抱怨,抱怨Win8或Win10在文件夹中不能像Win7那样显示图片更多的详细信息,比如分辨率等。其实是可以的,我们来看看 ...

  • Win10系统文件显示模式设置以便显示图片更多的详细信息

    不少用户从Win7升级到Win8或Win10后,对这两个系统在一个细节上都有一丝抱怨,抱怨Win8或Win10在文件夹中不能像Win7那样显示图片更多的详细信息,比如分辨率等。其实是可以的,我们来看看 ...

  • win10系统开启显示文件模式以便显示图片更多详细信息

    从win7或者win8系统升级至win10系统之后,不少用户抱怨win10,比如文件夹中不能像win7那样显示图片更多详细信息,其实该功能是可以实现,下面就对win10进行操作设置。 win10 操作 ...

  • 在Excel表格中如何设置鼠标经过时显示图片

    有时候,为了制作信息量大又简洁的表格,我们需要为Excel表格的单元格添加可隐藏的图片,并且当鼠标指向单元格,就自动显示图片,移开则不显示,这个鼠触互动效果是不是很酷? 要实现Excel表格中鼠标指向 ...

  • 让Excel表格鼠标经过时显示图片

    有时候,为了制作信息量大又简洁的表格,我们需要为Excel表格的单元格添加可隐藏的图片,并且当鼠标指向单元格,就自动显示图片,移开则不显示,这个鼠触互动效果是不是很酷? 要实现Excel表格中鼠标指向 ...

  • Excel中如何设置鼠标经过时显示图片

    要实现Excel表格中鼠标指向单元格就出现相关图片的互动效果,只要通过Excel2007的添加图片批注功能就可以轻松做到。 下面,我们以制作产品列表为例,展示具体的添加图片方法。 鼠标指向单元格,自动 ...