Django 后台上传图片前端无法展示
2016-07-08 17:16
627 查看
Django admin 实现后台上传文件并在前端展示
1. 首先在model里定义属性:
head_img = models.ImageField(u'图片',upload_to='img')
2. 修改settings.py,
MEDIA_ROOT = 'statics/'
MEDIA_URL = '/'
前端添加 "/static/"
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/aeaf525936dd07ff96748b736d2b3da3.png)
3. 数据库对应实体的表中添加head_img字段,这个只是用来保存文件路径的。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/fe22e65f92383f163a34e66a43317545.png)
4. 上面配置代表的意思大概是:
上传图片到:web程序目录/statics/img/
访问路径为:http://hostname/static/img/filename.jpg
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/9e3b8614a70365e8e701669b39efa869.png)
注:在我的项目中我把图片文件和静态文件都放在settings 中设置的statics静态文件存放
目录下,在前端添加"/static/"后可以访问,
例如:访问 http://127.0.0.1:8000/static/img/094745327389.jpg 的图片,如果不
是把图片放在statics目录下则访问不到。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/47b936c6d628a51597256ab43e9bf48d.png)
5. Django 自动处理重名文件
通过Django admin 后台上传的图片如果遇到同名图片Django 会自动处理同名图片。
1. 上传前已存在的文件,如图
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/6267a8096ef4c35de62df792bf82367e.png)
2. 上传同名文件,如图
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/330deaaa7d0daf5fea8560620dcdf2d5.png)
3. Django 自动处理同名文件,如图
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/32d54ec62c5c12cc8c277e87d8933e36.png)
1. 首先在model里定义属性:
head_img = models.ImageField(u'图片',upload_to='img')
2. 修改settings.py,
MEDIA_ROOT = 'statics/'
MEDIA_URL = '/'
前端添加 "/static/"
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/aeaf525936dd07ff96748b736d2b3da3.png)
3. 数据库对应实体的表中添加head_img字段,这个只是用来保存文件路径的。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/fe22e65f92383f163a34e66a43317545.png)
4. 上面配置代表的意思大概是:
上传图片到:web程序目录/statics/img/
访问路径为:http://hostname/static/img/filename.jpg
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/9e3b8614a70365e8e701669b39efa869.png)
注:在我的项目中我把图片文件和静态文件都放在settings 中设置的statics静态文件存放
目录下,在前端添加"/static/"后可以访问,
例如:访问 http://127.0.0.1:8000/static/img/094745327389.jpg 的图片,如果不
是把图片放在statics目录下则访问不到。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/47b936c6d628a51597256ab43e9bf48d.png)
5. Django 自动处理重名文件
通过Django admin 后台上传的图片如果遇到同名图片Django 会自动处理同名图片。
1. 上传前已存在的文件,如图
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/6267a8096ef4c35de62df792bf82367e.png)
2. 上传同名文件,如图
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/330deaaa7d0daf5fea8560620dcdf2d5.png)
3. Django 自动处理同名文件,如图
![](https://oscdn.geek-share.com/Uploads/Images/Content/201911/26/32d54ec62c5c12cc8c277e87d8933e36.png)
相关文章推荐
- .net中前台javascript与后台c#函数相互调用问题
- js创建jsonArray传输至后台及后台全面解析
- 基于JavaScript如何实现ajax调用后台定义的方法
- django中使用jquery ajax post数据出现403错误的解决办法(两种方法)
- django使用ajax post数据出现403错误如何解决
- 一招最简单有效直接的防止黑客拿后台的设置方法
- ASP.NET 后台登录小技巧介绍
- Java后台处理Json格式数据的方法
- windows+apache+mod_python配置django运行环境
- python Django连接MySQL数据库做增删改查
- django自定义Field实现一个字段存储以逗号分隔的字符串
- javascript实现图片上传前台页面
- 浅谈Java后台对JSON格式的处理操作
- 如何在前台脚本通过json传递数据到后台(使用微软自带的ajax)
- 给WordPress的编辑后台添加提示框的代码实例分享
- 在WordPress的后台中添加顶级菜单和子菜单的函数详解
- php后台如何避免用户直接进入方法实例
- 解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法
- Django框架利用ajax实现批量导入数据功能
- python Django批量导入数据