在做项目过程中,有时候会遇到添加个人资料这样的功能,需要录入个人照片,这个时候就需要通过选择文件,将选择的图片显示到网页上。
1、首先我们先将页面布局好,代码和效果见下图:
可以看见就是一个边框用来显示图片,和选择文件的input标签
但是这样看上去不是很美观,所以稍微调整一下代码,如下图所示:
在做项目过程中,有时候会遇到添加个人资料这样的功能,需要录入个人照片,这个时候就需要通过选择文件,将选择的图片显示到网页上。
1、首先我们先将页面布局好,代码和效果见下图:
可以看见就是一个边框用来显示图片,和选择文件的input标签
但是这样看上去不是很美观,所以稍微调整一下代码,如下图所示: