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

帝国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。

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