JS 上传 Excel 表格完整代码示例：包含样式、Ajax 上传、PHP 后端处理

<div id='upload-form'>
  <form>
    <input type='file' name='excel-file' id='excel-file' accept='.xls,.xlsx'>
    <button type='submit' id='submit-btn'>上传</button>
  </form>
</div>
<script>
$(document).ready(function() {
  $('#submit-btn').click(function(e) {
    e.preventDefault();
    var file = $('#excel-file')[0].files[0];
    if (!file) {
      alert('请选择一个Excel文件');
      return;
    }
    var formData = new FormData();
    formData.append('excel-file', file);
    $.ajax({
      url: 'upload.php',
      type: 'POST',
      data: formData,
      processData: false,
      contentType: false,
      success: function(response) {
        console.log(response);
        // 处理后端返回的数据
      },
      error: function(xhr, status, error) {
        console.error(error);
      }
    });
  });
});

function processExcel(file) {
  var reader = new FileReader();
  reader.onload = function(e) {
    var data = e.target.result;
    var workbook = XLSX.read(data, {type: 'binary'});
    var worksheet = workbook.Sheets[workbook.SheetNames[0]];
    var json = XLSX.utils.sheet_to_json(worksheet);
    console.log(json);
    // 处理Excel表格数据
  };
  reader.readAsBinaryString(file);
}
</script>
<p>本文提供了一个使用 JavaScript 上传 Excel 表格的完整代码示例，包含 HTML 样式、Ajax 上传、后端 PHP 代码接受处理数据等功能，并详细讲解了前端代码和处理 Excel 表格的方法。</p>
<p>前端代码使用 jQuery 和 js-xlsx 库来实现文件上传和 Excel 数据解析。HTML 代码中包含一个文件上传按钮和一个提交按钮。JavaScript 代码使用 Ajax 将选定的 Excel 文件上传到后端 PHP 代码。</p>
<p><code>processExcel</code> 函数使用 js-xlsx 库解析 Excel 文件，并将数据转换为 JSON 格式。</p>
<p>在后端 PHP 代码中，您需要将接收到的 Excel 文件保存到服务器，并使用 PHPExcel 或其他类似的库来读取和处理 Excel 表格数据。您可以参考这篇文章： <a href="https://www.jianshu.com/p/0f7b8a8d5b7b">使用 PHPExcel 解析 Excel 文件（一）</a>。</p>
<p><strong>需要注意的是，本文只提供了前端 JS 代码和处理 Excel 表格的方法，完整的代码需要根据您的具体需求进行编写。</strong></p>