您现在的位置是:首页 > cms教程 > 帝国CMS教程帝国CMS教程

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

谢协湃2023-05-12帝国CMS教程已有人查阅

导读帝国cms二次开发后的效果,帝国CMS随机会员头像功能开发步骤,首先把会员的“userpic”字段设置为文本类型,主要用来存头像路径。然后在新建一个“userpic2”字段

帝国cms二次开发后的效果,帝国CMS随机会员头像功能开发步骤
1、首先把会员的“userpic”字段设置为文本类型,主要用来存头像路径。然后在新建一个“userpic2”字段,主要用来上传头像。
2、随机头像图片代码

<table width="100%">
    <tr>
        <td valign="top">随机图像:</td>
        <td bgcolor='ffffff'>
            <img src='/e/template/Style/img/1.jpg' id='img2' width="180" height="180" />
        </td>
    </tr>
    <tr>
        <td colspan="2" height="20"></td>
    </tr>
    <tr>
        <td colspan="2"><a class="changeImg" href="javascript:void(0)" onclick="ChangeFace()">换一张</a>
        </td>
    </tr>
    <tr>
        <td colspan="2" height="20"></td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <button class="editPassword-submit" type="submit" id="faceSubmit">使用头像</button>
        </td></tr>
</table>
<script type="text/javascript">
    function ChangeFace() {
        //x上限,y下限     
        var x = 10;
        var y = 1;
        var rand = parseInt(Math.random() * (x - y + 1) + y);
        var face = '/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。个人觉得挺麻烦的,主要是不想改程序,就用这种“障眼法”来完成。

本文标签:帝国cms功能开发 帝国cms会员系统 

很赞哦! ()

相关源码

  • 帝国CMS7.5漫画网站模板带手机端源码免费下载本模板为漫画内容平台设计开发,采用帝国CMS7.5内核构建,深度优化漫画作品展示结构与章节管理模式。前端采用响应式布局设计,适配各类漫画阅读场景,提供作品分类、连载追踪、热度排行等垂直领域功能模块。查看源码
  • 自适应手机版五金机械阀门设备通用行业网站模板该PbootCMS内核开发的网站模板适用于阀门设备、五金机械类企业,通过更换文字图片也可快速适配其他工业领域。采用响应式设计,确保PC端与手机端数据同步,操作便捷,并附带测试数据。查看源码
  • (自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板,采用响应式布局技术,适配各类移动终端设备。模板设计聚焦科技行业特性,通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码
  • (自适应)帝国CMS7.5模板淘宝客导购博客文章源码本模板基于帝国CMS7.5内核深度开发,为电商导购类网站设计。采用响应式布局技术,确保在手机、平板及电脑端均能获得优质浏览体验。模板内置商品推荐模块与优惠信息展示区,可快速搭建专业导购平台。查看源码
  • (自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计,采用现代化科技风格,突出产品的智能特性和技术创新。模板架构合理,功能完善,能够有效展示各类智能产品的核心功能和解决方案。查看源码
  • (PC+WAP)蓝色不锈钢簧线金属制品营销型pbootcms网站模板本模板基于PbootCMS内核开发,为不锈钢及金属制品企业量身打造。采用响应式设计,适配PC与移动设备,提供统一后台管理体验,数据实时同步更新。查看源码
分享笔记 (共有 篇笔记)
验证码: