• 模板
• 当前用户信息
• 获取定义字段
• 上传头像

模板

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);        }               }    });      });  });

希望以上内容对你有所帮助！如果还有其他问题，请随时提问。 各类知识收集 拥有多年CMS企业建站经验，对 iCMS， Fastadmin， ClassCMS， LeCMS， PbootCMS， PHPCMS， 易优CMS， YzmCMS， 讯睿CMS， 极致CMS， Wordpress， HkCMS， YznCMS， WellCMS， ThinkCMF， 等各类cms的相互转化，程序开发，网站制作，bug修复，程序杀毒，插件定制都可以提供最佳解决方案。