$Django 图片验证刷新 上传头像

 1.图片验证刷新

    $('img').click(function () {
        $('img')[0].src+='?'
    })

2.上传头像

1.模板

<div class="form-group">
   <label for="myfile">头像 <img src="/static/2.jpg" alt="图片加载中" width="100px" height="100px">
   <input style="display: none" type="file" name="myfile" id="myfile"></label>
</div>

2.替换img默认图片

 $('#myfile').change(function () {
        var file = $('#myfile')[0].files[0];
        var filereader = new FileReader();
        filereader.readAsDataURL(file);
　　　　 {# 让图片读完#}
        $(filereader).ready(function () {
            $('img').attr('src', filereader.result)
        })
    });

3.form表单取出所有的key:value

1.模板

<form action="" method="post">
            {% csrf_token %}
            <div class="col-md-8 col-md-offset-2">
            <div class="form-group"><label for="name">用户名:</label><input type="text" id="name" name="name" class="form-control"></div>
            <div class="form-group"><label for="pwd">密码:</label><input type="text" id="pwd" name="pwd" class="form-control"></div>
            <div class="form-group"><label for="file">上传文件:</label><input type="file" id="file" name="myfile" ></div>
　　　　　　　<input type='button' class='btn' value='提交'>
</form>

2.取

$('.btn').click(function () {
        var formdata = new FormData();
        var li = $('form').serializeArray(); 
        for (let i in li) {
            formdata.append(li[i].name, li[i].value)
        }
        formdata.append('myfile', $('#myfile')[0].files[0]);
        $.ajax({
            url: '/register',
            type: 'post',
            processData: false,
            contentType: false,
            data: formdata,
            success(data){},
            })