zoukankan      html  css  js  c++  java
  • $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){},
                })
  • 相关阅读:
    http简记
    socket简介
    iOS代理
    ai作图小技能
    按钮切换
    关于ie8背景图片的平铺
    关于文本省略
    关于html table样式
    阿里巴巴iconfont使用方法(超级详细)
    办公电脑安装虚拟机基本就绪
  • 原文地址:https://www.cnblogs.com/3sss-ss-s/p/10033874.html
Copyright © 2011-2022 走看看