思路:完成这个功能,首先需要美化上传图片的按钮,然后添加一个
标签,在图片上传之后,用新图片的src替换原来
标签中的src。
如下图所示,是原始的按钮样式:
美化步骤:
(1)将上传图片标签采用绝对定位,使之位于一个图片,按钮,div等标签上。或者给图片,按钮或div设置绝对定位,总之,是要让上传文件按钮和用户指定的按钮重合。
(2)给上传图片标签设置大大小,使之和与它重叠的图片,按钮,div等标签大小一致。
(3)我将此标签设置为透明:opacity:0;
如下图所示,是两种美化后的上传图片按钮: