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