关于去除input type='file'改变组件的默认样式换成自己需要的样式的解决方案

在工作中时常会遇到如需要上传功能的按钮，而不像需要系统默认的样式时候，可以采取以下的解决方案：

原来是这样的

<input id="file1" name="file1" type="file" multiple="multiple">

效果：

 

 

 改造完之后是这样的（影藏原来的组件图标，用img代替，然后执行这个input type的oclick事件）：

<input id="file1" name="file1" type="file" multiple="multiple" style="height:0;width:0;z-index: -1; position: absolute;left: 10px;top: 5px;">
      <img onclick="getElementById('file1').click()" style="cursor:pointer;width: 60px;height: 60px;" title="点击添加附件" alt="点击添加附件" src="${ctxStatic}/mobile/images/z_add.png">

效果：