Django 后台上传图片前端无法展示

Django admin 实现后台上传文件并在前端展示

1. 首先在model里定义属性：

head_img = models.ImageField(u‘图片‘,upload_to=‘img‘)

2. 修改settings.py，

MEDIA_ROOT = ‘statics/‘

MEDIA_URL = ‘/‘

前端添加 "/static/"

3. 数据库对应实体的表中添加head_img字段，这个只是用来保存文件路径的。

4. 上面配置代表的意思大概是：

上传图片到：web程序目录/statics/img/

访问路径为：http://hostname/static/img/filename.jpg

注：在我的项目中我把图片文件和静态文件都放在settings 中设置的statics静态文件存放

目录下，在前端添加"/static/"后可以访问，

例如：访问 http://127.0.0.1:8000/static/img/094745327389.jpg 的图片，如果不

是把图片放在statics目录下则访问不到。

5. Django 自动处理重名文件

通过Django admin 后台上传的图片如果遇到同名图片Django 会自动处理同名图片。

1. 上传前已存在的文件，如图

2. 上传同名文件，如图

3. Django 自动处理同名文件，如图

时间： 2025-01-01 15:26:13

Django 后台上传图片前端无法展示的相关文章

Django后台上传图片，以及前端的显示

#setting配置: MEDIA_URL = "/media/" MEDIA_ROOT = os.path.join(BASE_DIR, "media") #注册完admin后,在后台上传图片的时候,会自动将图片保存到这个media文件夹下,#upload_to----在media文件夹下再创建一个文件夹 class Projects(models.Model): '''作品图片''' img = models.ImageField(upload_to='img'

关于django批量上传图片

本来想一张一张上传的,但是明显会对客户造成不必要的麻烦,所以如果前台一次性上传五张十张的话,那就简单的多. 但是后台我数据库对于图片存储的字段只有一个,不可能有多少张照片就要多少个字段来存储.也就是说,1:我每次只能在后台存一张到数据库,2:在前台展示的时候我直接可以循环这一个字段来展示我的图片 那么这就涉及到一个列表跟数据循环存储的东西了 用到字典是因为我每张图片还有各自的图片描述,这两个信息时同时提交跟保存的.我把图片保存的url跟他的描述做成列表,然后再循环保存就搞定了. 这里主要用到的就

django -- ImageField 上传图片修改头像

django -- ImageField 上传图片修改头像 头像 Django ImageField 折腾了差不多一个星期的空闲时间,刚上手不久的 Django 为了上传个头像被弄得没了脾气 定义模型 model.py headImg = models.ImageField(upload_to = 'img', default="img/4.jpg") ImageField 是 Django 的内置数据类型,可以较方便的时间图片处理 upload_to 表示要上传到的目录,会在 med

django里上传图片的操作

  在django里图片上传里,分为两种一种是在django的后台上传图片,以数据库的方式上传,另一种是在html页面以表单的方式上传 首先要先安装下这个包 pip install Pillow==3.4.1 setting里需要设置 上传的路径 MEDIA_ROOT=os.path.join(BASE_DIR,'static/media') 在model里要配置数据库 class PicTest(models.Model): pic=models.ImageField(upload_to='b

Django后台管理界面

之前的几篇记录了模板视图.模型等页面展示的相关内容,这篇主要写一下后台admin管理界面的内容. 激活管理界面 Django管理站点完全是可选择的,之前我们是把这些功能给屏蔽掉了.记得上篇中Django模型模型安装小结中,我们把settings.py中的部分内容屏蔽了,并添加了一个app,如下 1 INSTALLED_APPS = ( 2 ## 'django.contrib.admin', 3 ## 'django.contrib.auth', 4 ## 'django.contrib.con

[django学习]上传图片

上传图片 当Django在处理文件上传的时候,文件数据被保存在request.FILES FILES中的每个键为<input type="file" name="" />中的name 注意:FILES只有在请求的方法为POST 且提交的<form>带有enctype="multipart/form-data" 的情况下才会包含数据.否则,FILES 将为一个空的类似于字典的对象 使用模型处理上传文件:将属性定义成model

python脚本采集服务器数据通过API提交到django web服务器，然后展示在页面上

采集服务器的信息的python程序 #coding:utf-8 import psutil import urllib import urllib.request import urllib.parse #import urllib2 import requests #获取数据 cpuData = psutil.cpu_times() #处理数据 cpuMax = cpuData.user+cpuData.system+cpuData.idle cpuUsed = cpuData.user+cp

django之上传图片

上传图片 当Django在处理文件上传的时候,文件数据被保存在request.FILES FILES中的每个键为<input type="file" name="" />中的name 注意:FILES只有在请求的方法为POST 且提交的<form>带有enctype="multipart/form-data" 的情况下才会包含数据.否则,FILES 将为一个空的类似于字典的对象 使用模型处理上传文件:将属性定义成model

【tornado】系列项目（二）基于领域驱动模型的区域后台管理+前端easyui实现

本项目是一个系列项目,最终的目的是开发出一个类似京东商城的网站.本文主要介绍后台管理中的区域管理,以及前端基于easyui插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采用跳转方式修改,详见博主后续博文. 后台界面展示: 地区管理包含省市县的管理.详见下文. 一.数据库设计 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 class Province(Base):