JS——图片处理(input type='file')演练

今天我们就玩一下怎么在我们的网页中像更改头像一样更换图片

效果图如下:

JS——图片处理(input type='file')演练_第1张图片

 当点击左边的图片,就弹出选择框,可以选择想要的图片将原图替换,是不是很实用,接下来就看看怎么实现的吧

1、body部分


	

2、style样式部分

3、sj脚本部分


 

最后就可以实现想要实现的图片替换了

你可能感兴趣的:(HTML)