Django如何实现上传图片功能
前言
很多时候我们要用到图片上传功能，如果图片一直用放在别的网站上，通过加载网址的方式来显示的话其实也挺麻烦的，我们通过使用 django-filer 这个模块实现将图片文件直接放在自己的网站上。
感兴趣的同学可以看下官方介绍：https://github.com/divio/django-filer
1. 使用 pip 安装。
pip install django-filer
这个模块需要 django-mptt, easy_thumbnails, django-polymorphic 以及 pillow 这些依赖包, 不过安装django-filer的时候 pip 都会自动帮我们装好这些。
2. django-filer 配置。
在 settings.py 中加入以下内容：
INSTALLED_APPS = [
# 图片上传模块 django-filer
'easy_thumbnails',
'filer',
'mptt',
]
# 支持视网膜高分辨率设备
THUMBNAIL_HIGH_RESOLUTION = True
# 处理缩列图
THUMBNAIL_PROCESSORS = (
'easy_thumbnails.processors.colorspace',
'easy_thumbnails.processors.autocrop',
'filer.thumbnail_processors.scale_and_crop_with_subject_location',
'easy_thumbnails.processors.filters',
)
# 存放图片文件夹设置
FILER_STORAGES = {
'public': {
'main': {
'ENGINE': 'filer.storage.PublicFileSystemStorage',
'OPTIONS': {
'location': '项目路径/media/filer',
'base_url': '/media/filer/',
},
'UPLOAD_TO': 'filer.utils.generate_filename.randomized',
'UPLOAD_TO_PREFIX': 'filer_public',
},
'thumbnails': {
'ENGINE': 'filer.storage.PublicFileSystemStorage',
'OPTIONS': {
'location': '项目路径/media/filer_thumbnails',
'base_url': '/media/filer_thumbnails/',
},
},
},
'private': {
'main': {
'ENGINE': 'filer.storage.PrivateFileSystemStorage',
'OPTIONS': {
'location': '项目路径/smedia/filer',
'base_url': '/smedia/filer/',
},
'UPLOAD_TO': 'filer.utils.generate_filename.randomized',
'UPLOAD_TO_PREFIX': 'filer_public',
},
'thumbnails': {
'ENGINE': 'filer.storage.PrivateFileSystemStorage',
'OPTIONS': {
'location': '项目路径/smedia/filer_thumbnails',
'base_url': '/smedia/filer_thumbnails/',
},
},
},
}
# 指定 MEDIA_URL 的位置
MEDIA_URL = '/media/'
MEIDA_ROOT = '项目路径/media/'
在上述设置中，location 是文件真正存放的文件夹地址，而 base_url 是显示时要指定的静态文件网址。
在 urls.py 中加入以下程序代码，才能把上传的图像文件当在静态文件处理：
from django.conf import settings
from django.conf.urls.static import static
urlpatterns = [
# others urls ...
url(r'^files/', include('filer.urls')),
# ...
]
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEIDA_ROOT)
上述设置完成后，同步数据库 ./manage.py migrate，让模块加上需要的数据表。执行 ./manage.py collectstatic，刷新静态文件，加载 django-filer 自己的 CSS 和 Javascript 文件。我们便能在 admin 管理页面看到多出的两个数据表。
接着我们就可以在 Folders 数据表中进行新建文件夹，上传文件以及删除文件夹和文件等操作。
3. 把 django-filer 的图像文件添加到数据表中
使用 filer 模块提供的 FilerImageField 字段，将上传图像文件的功能整合到建立的数据项中。
在 models.py 文件中添加：
from filer.fields.image import FilerImageField
并将需要放置图片的数据表中的 image 变量改为：
image = FilerImageField(related_name='product_image')
删除 migrations 下除 __init__.py 的其他文件和 db.sqlite3 文件，重新执行 ./manage.py makemigrations 和 ./manage.pymigrate ，刷新 admin 管理页面，进入 image 字段的数据项，便可以看到 image 字段多了上传文件的功能。
我们便可以通过点击 Choose Files 上传文件了。
上传图片后，将 html 文件中 img 地址改为
<img src='{{product.image.url}}'>
便可以正确显示图片了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Pycharm安装第三方库时Non-zero exit code错误解决办法
这篇文章主要介绍了Pycharm安装第三方库时Non-zero exit code错误解决办法,最好的解决办法可以通过“Pycharm”左下角的“Terminal”，在pycharm内使用pip安装，以安装“requests”为例，需要的朋友可以参考下2023-01-01
这篇文章主要介绍了基于Python获取亚马逊的评论信息的处理方法，用户的评论能直观的反映当前商品值不值得购买，亚马逊的评分信息也能获取到做一个评分的权重,感兴趣的朋友跟随小编一起看看吧2022-02-02
做过前端开发的同志都应该知道或了解过jquery，jQuery 是一个用来处理DOM的JavaScript库。pyquery说白了就是jquery的Python版本。下面这篇文章主要给大家介绍了关于python3解析库pyquery的相关资料，需要的朋友可以参考下2018-06-06
这篇文章主要介绍了如何在VSCode下使用Jupyter,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-07-07
这篇文章主要介绍了Python中的Numpy矩阵操作，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家详细介绍了如何使用Python实现为图片批量添加随机水印,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-11-11
本文详细讲述了使用python操作数据库所需要了解的知识以及准备工作，十分的详尽，这里推荐给想学习python的小伙伴。2014-11-11
今天小编就为大家分享一篇在python tkinter界面中添加按钮的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-03-03
本文主要介绍了使用numpy中np.sort函数返回索引的详细解释和使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
将pymysql获取到的数据类型是tuple转化为pandas方式
这篇文章主要介绍了将pymysql获取到的数据类型是tuple转化为pandas方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-05-05
最新评论