帝國CMS二次開發設置隨機會員頭像

2024-08-28 12:26:33

字體：大中小

來源：轉載

供稿：網友

帝國CMS二次開發設置隨機會員頭像

帝國CMS二次開發后的效果

帝國CMS隨機會員頭像功能開發步驟

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

2、隨機頭像圖片代碼

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33 <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字段代碼

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

4、userpic2字段代碼

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