美文网首页
上传和下载

上传和下载

作者: zxhChex | 来源:发表于2019-09-27 11:16 被阅读0次
models.py 的表中 头像图片文件字段
avatar = models.ImageField(verbose_name="头像", upload_to='users/%Y/%m/%d/', 
max_length=128, null=True, blank=True)

上传文件图片

配置

   # 上传文件图片的根路径
    MEDIA_ROOT = os.path.join(BASE_DIR, "media")
模板中上传
<form action="{% url 'users:usersRegister' %}" 
method="POST" 
enctype="multipart/form-data">
{% csrf_token %}
<!--其他字段的 input 省略,自行填充-->
<div class="form-group">
    <label for="id_avatar">头像</label>
    <input type="file" class="form-control" name="avatar" id="id_avatar">
</div>
<button type="submit" class="btn btn-default">注册</button>
</form>

前端展示使用文件图片(下载)

配置

settings 中配置

TEMPLATES = [{
    'OPTIONS': {
        'context_processors': [
            'django.template.context_processors.media',
         ],
      },
  },
]

这样在前端可以使用 {{ MEDIA_URL }} 变量名, 来表示上传文件图片的根路径。
继续在 setting.py 中设置

访问文件的 URL

MEDIA_URL = '/media/'

项目根 RUL 中配置

from qfgp01site.settings import MEDIA_ROOT
from django.views.static import serve
urlpatterns = [
    re_path(r'^media/(?P<path>.*)$', serve, {"document_root": MEDIA_ROOT}),
]

模板中访问

<img src="{{ MEDIA_URL }}{{ request.user.avatar }}" alt="头像" class="img-circle naver">
项目根目录中

上传文件图片的根路径

MEDIA_ROOT = os.path.join(BASE_DIR, "media")

下载访问文件的URL

MEDIA_URL = '/media/'

相关文章

  • 上传和下载

    上传文件图片 配置 前端展示使用文件图片(下载) 配置 settings 中配置 这样在前端可以使用 {{ MED...

  • python: ftplib模板

    使用ftplib连接ftp,定义下载和上传函数 下载函数 上传函数 运行

  • Linux:四、高级

    Linux命令: Windows和Linux交互: 下载安装包: 上传: 下载: 上传和下载时,怎样指定默认的路径...

  • NSURLSession 与 NSURLConnection 区

    普通任务和上传 NSURLSession针对下载/上传等复杂的网络操作提供了专门的解决方案,针对普通、上传和下载分...

  • Linux:4、Linux常用命令进阶

    Windows和Linux交互 上传 下载 上传和下载时,怎样指定默认的路径? crontab作业调度 补充 cr...

  • ftp上传和下载

    首先编写一个ftp的工厂类:FTPPoolFactory:public class FTPPoolFactory ...

  • lrzsz 上传和下载

    Centos 安装lrzsz yum install lrzsz 注意安装完成之后可以使用rpm -qa |gre...

  • 文件上传和下载

    一.项目用到的图片上传的关键方法:直接使用android-async-http.jar 二、文件下载 1.普通单线...

  • 文件上传和下载

    iview的upload组件中上传前添加提示信息,确认后再进行上传https://blog.csdn.net/we...

  • 文件上传和下载

    一、概论 在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载...

网友评论

      本文标题:上传和下载

      本文链接:https://www.haomeiwen.com/subject/vwmouctx.html