修改信息

---

模板： user/userinfo.html

当前用户信息

用户名：{$member['username']}
个性签名：{if($member['signature'])}{$member['signature']}{else}他很懒，什么都没有留下~{/if}
手机号码：{$member['tel']}
电子邮箱：{$member['email']}
生日：{if($member['birthday'])}{$member['birthday']}{else}-{/if}
性别：{if($member['sex']==1)}男{else if($member['sex']==2)}女{else}未知{/if}

获取定义字段

function get_fields(tid,id){
    var id = arguments[1]?arguments[1]:0;
    $.post("{fun U('common/get_fields')}",{molds:'member',tid:tid,id:id},function(res){
      if(res.code==0){
        //默认 res.tpl输出的是layui的模板HTML,可以审核元素查看res里面的内容
        //$("#ext_fields").html(res.tpl);
        var html = '';
        var len = res.fields_list.length;
        if(len>0){
          //根据对应的字段，进行HTML设计
          for(var i=0;i<len;i++){
            
          }
          
        }
        $("#fields_ext").html(res.tpl);
      }
      
    },'json');
  }
$(function(){
  get_fields(0,{$member['id']});
})

上传头像

前端代码

form 的 ID jizhiform 很关键，不能缺少！
必须要点击 保存 才会触发修改！

<form id="jizhiform">
<span class="view_img">{if($member['litpic'])}<img src="{$member['litpic']}" height="100" style="border-radius: 50%;" />{/if}</span><br/>
<input name="litpic" type="hidden" id="fileurl" value="{$member['litpic']}" /><br/>
<input type="file" class="btn layui-btn" name="file" id="fileid">
</form>

交互JS

$(document).ready(function(){
  $("#fileid").change(function(){
    var form=document.getElementById("jizhiform");
    var data =new FormData(form);
	data.append('filename','file');
    $.ajax({
       url: "{fun U('user/uploads')}",//处理图片的文件路径
       type: "POST",//传输方式
       data: data,
       dataType:"json",//返回格式为json
       processData: false,  // 告诉jQuery不要去处理发送的数据
       contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
       success: function(response){
        
        if(response.code==0){
          
          var result = '';
          result +='<img src="' + response['url'] + '" height="100"  />';
          //$("#fileid").hide();
         // $("#upload_ok").show();
          $('.view_img').html(result);
          $("#fileurl").val(response['url']);
        }else{
          alert(response.error);
        }
        
       }
    });
    
  });

  
});