Excel上傳按鈕

Question

我在我的HTML文件中創建了一個excel上傳按鈕。

 <tr> 
      <td><label for="id_excel">Excel: </label></td> 
      <td class="fileUpload btn"> 
       <input type="file" name="excel" id="id_excel" class="upload" /> 
      </td> 
     </tr> 

自從我創造了這個按鈕，讓Excel文件，我想阻止用戶上載其他的東西（例如DOCX或PDF）。我如何限制用戶只上傳Excel文件類型？

謝謝。

Answer 1

只需在 中添加該功能，對我來說工作正常，希望這可以解決您的問題。

<script> 
var fl = document.getElementById('id_excel'); 

fl.onchange = function(e){ 
    var ext = this.value.match(/\.(.+)$/)[1]; 
    switch(ext) 
    { 
     case 'xls': 
     case 'xlsx': 
      alert('allowed'); 
      break; 
     default: 
      alert('not allowed'); 
      this.value=''; 
    } 
}; 
    </script>