头像图片上传、预览、传后端、media配置

1、注册页面因为使用form组件，后端forms.py文件中无avatar字段，所以前端应该单独写个标签，来处理avatar。      {% csrf_token %}

        <div class="col-md-6 col-md-offset-3">
            <form action="" novalidate>

               {#     form组件#}
                {% for field in form %}
                    <div class="form-group">
                        <label for="">{{ field.label }}</label>
                        {{ field }} <span class="error pull-right"></span>
                    </div>
                {% endfor %}

                  {#    图片#}
                <div class="form-group">
                    <label for="avatar">头像<img class="avatar" src="/static/img/default.png" alt=""></label>
                    <input type="file" id="avatar">
                </div>

                      {#     提交#}
                <input type="button" class="btn btn-default reg_btn pull-right" value="提交"><span class="error"
                                                                                                 style="color: red;margin-left: 20px"></span>
            </form>
        </div>         

页面代码