帝國(guó)CMS二次開(kāi)發(fā)后的效果

帝國(guó)CMS隨機(jī)會(huì)員頭像功能開(kāi)發(fā)步驟

1、首先把會(huì)員的“userpic”字段設(shè)置為文本類型，主要用來(lái)存頭像路徑。然后在新建一個(gè)“userpic2”字段，主要用來(lái)上傳頭像。

2、隨機(jī)頭像圖片代碼

<table width="100%">
    <tr>
        <td valign="top">隨機(jī)圖像：</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、給表單上傳圖片提交按鈕設(shè)置一個(gè)ID

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

讓他在提交前，把上傳的userpic2字段內(nèi)容賦值到userpic字段里面。

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

這樣就可以了，點(diǎn)擊左邊的“上傳圖片”按鈕會(huì)把userpic2的內(nèi)容給userpic，點(diǎn)擊右邊的“使用頭像”按鈕，也會(huì)把隨機(jī)生成的頭像地址賦值給userpic。

個(gè)人覺(jué)得挺麻煩的，主要是不想改程序，就用這種“障眼法”來(lái)完成。