php修改頭像的方法:先點擊頭像圖片;然後在彈出選擇窗口,選中其中一個則窗口推出頭像更換即可,代碼為【】。
php修改頭像的方法:
首先點擊頭像圖片,彈出選擇窗口,選取其中一個則窗口推出頭像更換。
效果:
主頁面程式碼:
<tr> <td>头像:</td> <td><input type="hidden" name="face" value=""/> <img src="./face/m01.gif" alt="头像" class="face" id='faceimg' onclick="javascript:window.open('face.php','face','width=420,height=600,top=0,left=0,scrollbars=1');"/></td> </tr>
子頁面程式碼(彈出窗體頁面):
<!-- 使用遍历文件夹函数,获取头像 --> <?php $facearray = _myreaddir(dirname(__FILE__)."/face"); ?>
<div id="face"> <h3>请选择头像:</h3> <?php foreach ($facearray as $num){ echo "<img src='face/".$num."' alt='face/".$num."' title='".$num."'/>"; }?> </div>
使用的JS程式碼:
引用:
<!-- 点击更换头像 --> <script type="text/javascript" src="./js/face.js"></script>
程式碼:
window.onload = function() { //获取face.php页面中的头像对象 var img = document.getElementsByTagName('img'); //进行循环 for(i=0;i<img.length;i++){ //对选择的对象触发点击事件 img[i].onclick = function (){ //调用 _opener()函数 _opener(this.alt); }; } } //显示头像函数 function _opener(src){ //获取父页面头像对象 var faceimg = opener.document.getElementById('faceimg'); //将头像的img更换 faceimg.src = src; //将父页面中的register表单中的name为face的值更改为src。 opener.document.register.face.value = src; }
相關學習推薦:PHP程式設計從入門到精通
以上是php如何修改頭像?的詳細內容。更多資訊請關注PHP中文網其他相關文章!