input框的type=file属性

Question

有啥办法可以做成这种图片上传框,用input框里面那个type为file.

Answer 1

自定义上传框的图片就可以
写一个盒子，盒子里面放一个自定义上传框的元素和一个input元素
讲父元素设置为position: relativel;
input设置为absolute，opacity： 0

<div style='width: 150px;height: 40px;position: relative;'>
  <div class=''上传框样式" style='width: 100%;height: 100%;'>上传框样式</div>
  <input type='file' style='width: 100%;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;' />
</div>