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

时间：2023-03-08 23:39:47
$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){},

            })

随机推荐

  1. NIO SocketChannel 【链接】

    Java NIO系列教程(一) Java NIO 概述 Java NIO系列教程(六) Selector Java NIO系列教程(二) Channel Java NIO系列教程(三) Buffer ...

  2. HDU 1064(求平均数 **)

    题意是求 12 个浮点数的平均数,这题不用读题,看到运行时间为 200 ms 再看下样例就能猜出题目的要求了,代码如下: #include <bits/stdc++.h> using na ...

  3. keeping.py

    定时push+告警 #!/usr/bin/env python # -*- coding:utf-8 -*- # Author : 71standby@gmail.com # Description ...

  4. Django-GET和POST小记

    import requests requests.get(url='xxx') # 本质上就是: requests.request(method='get',url='xxx') import jso ...

  5. vue 高德地图使用 vue-amap

    此插件文档及使用还不错 https://elemefe.github.io/vue-amap/ <template> <div class="amap-page-conta ...

  6. JS中var、let、const区别？ 用3句话概括

    使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象: 使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升: 使用const声明的是常量,在后面出现的代码中不能再修 ...

  7. Java字符串格式化输入

    两种方式 System.out.println(MessageFormat.format("{0}-{1}",1,2)); System.out.println(String.fo ...

  8. Unet网络

    近期利用遥感影像进行路网提取,利用Unet网络进行图像分割 介绍如下: U-net网络非常简单,前半部分作用是特征提取,后半部分是上采样.在一些文献中也把这样的结构叫做编码器-解码器结构.由于此网络整 ...

  9. pycharm活动模板

    1.复制模板内容 2.文件设置: 点击+号:

  10. C++ 窗口

    DestroyWindow();     //销毁窗口 可重载的事件: PostNcDestroy    窗口销毁后调用

相关文章