關於去除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">

效果：