参加的项目是一个PC端网站,需要做一个更换头像的功能,要求是显示原先头像,然后点击上传按钮,选择图片后,显示被选中的图片的缩略图。
效果图如下(有点丑,只是为了实现效果,手动滑稽):
代码如下:
<!DOCTYPE html>
<html>
<head>
<title>1234</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="myAvatar">
<span class="myAvatar">我的头像</span>
<img src="3.jpg" width="100px" height="100px" alt="我的头像">
</div>
<div id="changeAvatar">
<span class="change