下载鸥 > 网站下载 > 开发教程 > 帝国CMS

帝国CMS二次开发设置随机会员头像

636 2020-12-15 15:41:19

收藏

简述

按以下方法即可设置随机头像。

从用户体验的角度出发,给用户设置随机头像无疑是非常好的。既能让网站保持一个整体的格调,又不会让用户过于困扰。那么,帝国CMS怎样做会员随机头像呢?

帝国CMS随机会员头像功能开发步骤

1、首先把会员的“userpic”字段设置为文本类型,主要用来存头像路径。然后在新建一个“userpic2”字段,主要用来上传头像。

2、随机头像图片代码

<table width="100%">
<tr>
<tdvalign="top">随机图像:</td>
<tdbgcolor='ffffff'>
<imgsrc='/e/template/Style/img/1.jpg'id='img2'width="180"height="180"/>
</td>
</tr>
<tr>
<tdcolspan="2"height="20"></td>
</tr>
<tr>
<tdcolspan="2"><aclass="changeImg"href="javascript:void(0)"onclick="ChangeFace()">换一张</a>
</td>
</tr>
<tr>
<tdcolspan="2"height="20"></td>
</tr>
<tr>
<tdcolspan="2"align="center">
<buttonclass="editPassword-submit"type="submit"id="faceSubmit">使用头像</button>
</td></tr>
</table>
<scripttype="text/javascript">
functionChangeFace(){
//x上限,y下限
varx=10;
vary=1;
varrand=parseInt(Math.random()*(x-y+1)+y);
varface='/e/template/Style/img/'+rand+'.jpg';
$("#img2").attr('src',face);
$("input[name='userpic']").attr('value',face);
}
</script>

3、userpic字段代码

<input name="userpic" type="text" id="userpic" value="<?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($addr[userpic]))?>" size="" style="display:none">
<?=empty($addr[userpic])?"":"<img src='".ehtmlspecialchars(stripSlashes($addr[userpic]))."'border=0 id=img2>"?><br>

4、userpic2字段代码

<input type="file" name="userpic2file" size="45">
<input name="userpic2" type="text" id="userpic2" value="<?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($addr[userpic2]))?>" size="" style="display:none">

5、给表单上传图片提交按钮设置一个ID

<input type='submit' name='Submit' value='上传头像' onclick="bt();">

让他在提交前,把上传的userpic2字段内容赋值到userpic字段里面。

function bt(){
    var txt=$("input[name='userpic2']").val();
    $("input[name='userpic']").attr('value',txt);
}

这样就可以了,点击左边的“上传图片”按钮会把userpic2的内容给userpic,点击右边的“使用头像”按钮,也会把随机生成的头像地址赋值给userpic。

个人觉得挺麻烦的,主要是不想改程序,就用这种“障眼法”来完成。

本文地址:https://xzo.com.cn/develop/empire/151.html

有帮助,很赞!

信息来源:精准像素
导出教程 下载word版教程
发表评论 共有条评论
关于帝国CMS


帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用

当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。

推荐帝国CMS开发教程
帝国CMS怎样让一条信息具有多个模板?
帝国CMS怎样让一条信息具有多个模板?

帝国CMS的信息是绑定内容模板的,通过本教程可以实现在前台自由使用不同的模...

17 700
帝国CMS有栏目seo标题吗,在哪里设置?
帝国CMS有栏目seo标题吗,在哪里设置?

很多用惯了织梦CMS的朋友在用帝国以后就会非常困惑,因为织梦CMS他的栏目是有...

1 432
帝国CMS文章配图怎样设置自动添加水印?
帝国CMS文章配图怎样设置自动添加水印?

现在采集网站非常多,不止采集内容,还采集图片,还不标注出处,非常可恶。那么,帝国...

1 638
帝国cms怎样记录会员浏览信息历史记录?
帝国cms怎样记录会员浏览信息历史记录?

帝国cms论坛早已有了以cookie形式保存浏览量历史记录在客户端的插件,但这样...

7 576
帝国CMS多值字段怎样增加上传图片的功能?
帝国CMS多值字段怎样增加上传图片的功能?

帝国CMS多值字段是一个字段包含N条内容的方法,通过合理运用多值字段,我们可以...

1 447
帝国cms列表页怎样用自带函数自动生成缩略图?
帝国cms列表页怎样用自带函数自动生成缩略图?

如果列表页图片尺寸相对于标题图更小,我们就可以使用帝国cms自带的缩略图函...

0 419
帝国cms怎样防止垃圾留言?
帝国cms怎样防止垃圾留言?

帝国cms留言板使用比较广泛,但如果不做合理配置,则会出现被垃圾留言刷屏的情...

1 786
帝国cms根据关键词调用相关文章,每个关键词调用4条
帝国cms根据关键词调用相关文章,每个关键词调用4条

帝国cms根据关键词调用相关文章,每个关键词调用信息不超过4条,如果关键词和栏...

8 567
推荐插件
帝国cms在线考试系统模板插件
帝国cms在线考试系统模板插件

一直没看到好用的帝国cms在线考试插件,所以自己开发了一款。在线考试插件用...

0 1385
帝国cms百度AI图像无损放大api接口对接插件
帝国cms百度AI图像无损放大api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像无损放大的功能。经过...

0 524
帝国cms多栏目多数据表自动审核推送插件
帝国cms多栏目多数据表自动审核推送插件

本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...

0 1013
帝国cms百度AI图像去雾api接口对接插件
帝国cms百度AI图像去雾api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...

0 517
帝国cms批量添加后台用户插件
帝国cms批量添加后台用户插件

使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...

0 867
帝国cms百度文字识别ocr接口对接插件
帝国cms百度文字识别ocr接口对接插件

许多网站会做一些小功能小插件给客户使用以增强用户黏性,比如图片转文字,这种...

0 530
帝国cms自动给正文关键词添加tag内链
帝国cms自动给正文关键词添加tag内链

帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...

0 918
帝国cms百度AI黑白图像上色api接口对接插件
帝国cms百度AI黑白图像上色api接口对接插件

百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...

0 502
客服QQ:341553759
扫码咨询 常见问题 >
官方交流群:90432500
点击加入