Rumah > pembangunan bahagian belakang > masalah PHP > php如何修改头像?

php如何修改头像?

coldplay.xixi
Lepaskan: 2023-03-02 22:16:01
asal
3547 orang telah melayarinya

php修改头像的方法:首先点击头像图片;然后在弹出选择窗口,选中其中一个则窗口推出头像更换即可,代码为【】。

php如何修改头像?

php修改头像的方法:

首先点击头像图片,弹出选择窗口,选中其中一个则窗口推出头像更换。

效果:

主页面代码:

<tr>
    <td>头像:</td>
    
    <td><input type="hidden" name="face" value=""/>
    <img src="./face/m01.gif" alt="头像" class="face" id=&#39;faceimg&#39; onclick="javascript:window.open(&#39;face.php&#39;,&#39;face&#39;,&#39;width=420,height=600,top=0,left=0,scrollbars=1&#39;);"/></td>
</tr>
Salin selepas log masuk

子页面代码(弹出窗体页面):

    <!-- 使用遍历文件夹函数,获取头像 -->
    <?php $facearray = _myreaddir(dirname(__FILE__)."/face"); ?>
Salin selepas log masuk
    <div id="face">
        <h3>请选择头像:</h3>
        
            <?php foreach ($facearray as $num){
                    echo "<img src=&#39;face/".$num."&#39; alt=&#39;face/".$num."&#39; title=&#39;".$num."&#39;/>";
            }?>
    </div>
Salin selepas log masuk

使用的JS代码:

引用:

    <!-- 点击更换头像 -->
    <script type="text/javascript" src="./js/face.js"></script>
Salin selepas log masuk

代码:

window.onload =  function() {
    //获取face.php页面中的头像对象
    var img = document.getElementsByTagName(&#39;img&#39;);
    //进行循环
    for(i=0;i<img.length;i++){
        //对选择的对象触发点击事件
        img[i].onclick = function (){
            //调用 _opener()函数
            _opener(this.alt);
        };
    }
}
//显示头像函数
function _opener(src){
    //获取父页面头像对象
    var faceimg = opener.document.getElementById(&#39;faceimg&#39;);
    //将头像的img更换
    faceimg.src = src;
    //将父页面中的register表单中的name为face的值更改为src。
    opener.document.register.face.value = src;
}
Salin selepas log masuk

相关学习推荐:PHP编程从入门到精通

Atas ialah kandungan terperinci php如何修改头像?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan