原理：

操作流程：

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

效果：

主页面代码：

头像：

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

使用的JS代码：

引用：

代码：

window.onload = function() {

//获取face.php页面中的头像对象

var img = document.getElementsByTagName('img');

//进行循环

for(i=;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;

}

Android ImageView 点击更换头像

首先搭建布局 主界面布局:

渲染更换头像 文件转成url地址

需求:在一个后台页面中,插入iform页面,需求为更换头像(layui框架) 一.前提:创建user_buddha.html 页面 在侧边栏对应的 a 标签设置 ...

5分钟实现Android中更换头像功能

写在前面:更换头像这个功能在用户界面几乎是100%出现的.通过拍摄照片或者调用图库中的图片,并且进行剪裁,来进行头像的设置.功能相关截图如下: 下面我们直接看看完整代码吧: 1 2 3 4 5 6 7 ...

thinkphp验证码点击更换js实现

一百一十五：CMS系统之实现点击更换图形验证码功能

把验证码渲染到到页面上 访问,显然,是标签有个内边距 去掉内边距 加一个class 如果放大看的话,还有问题 用js实现点击更换图形验证码:生成查询字符串的形式访问图形验证码接口的url,放到img标 ...

uni-app 顶部导航点击更换图标

更换顶部导航的iconfont.ttf图标,先在配置文件配置好按钮: pages.json文件 "buttons": [ { "text": "\ue ...

随机推荐

window下安装jupyter

1.Install [Anaconda](https://docs.continuum.io/anaconda/install#anaconda-install) 实际上安装了anaconda就已经安 ...

TCP连接——爱的传声筒

TCP连接——爱的传声筒 TCP通信最重要的特征是:有序(ordering)和可靠(reliable).有序是通过将文本流分段并编号实现的.可靠是通过ACK回复和重复发送(retransmission ...

java jdbc sqlhelper

package com.shop.util; import java.sql.*; //SqlHelper类 //定义了数据库连接函数,关闭查询结果集,关闭Statement对象,关闭数据库连接 // ...

Docker常用操作

启动容器并安装package docker run xxx apt-get -y xxx 其中-y要加上避免无法交互 批量删除容器 docker ps -a | awk '{print $1}' |x ...

Lambda 笔记

lambda表达式,将会带来代码的灵活性,同时使我们的代码更具表现力. Dim doubleIt As Func(Of Integer, Integer) = _ Function(x As Inte ...

修改windows7中文件的权限

1.修改ntkrnlpa.exe的权限 2.鼠标右键,选择"属性" 3.单击"安全"选项,选择"高级" 4.在高级安全设置中,选择&quot ...

VxWorks操作系统shell命令与调试方法总结

VxWorks下的调试手段 主要介绍在Tornado集成开发环境下的调试方法,和利用支撑定位问题的步骤.思路. 1         Tornado的调试工具 嵌入式实时操作系统VxWorks和集成开发 ...

python+selenium自动测试之WebDriver的常用API(基础篇一)

基于python3.6,selenium3.141,详细资料介绍查看官方API文档,点击这里 一.对浏览器操作 driver = webdriver.Chrome() # 初始化chrome driv ...

ES6_入门(4)_数组的解构赋值

//2017/7/14 //变量的解构赋值(解构:Destructuring) //(1)数组的解构赋值 let [a,b,c]=[1,2,3];//模式匹配,只要等号两边的模式相同,左边的变量就会被 ...

proxy_set_header Host 所引发的凶案

背景介绍:新搭建了一套测试环境.slb为2.2.2.2,由于应用的特殊性,需要走 test.aaa.com.cn 域名,而该域名在老的测试服务器1.1.1.1有两个不能迁移的服务也在使用,故想出对策, ...