帮我写一个上传文件包含word和表格的格式，同时可以预览用原生h5和js

好的，以下是一个简单的示例代码，可以实现上传Word文档和表格，并使用原生H5和JS进行预览：

HTML代码：

<input type="file" id="file-input" accept=".doc,.docx,.xls,.xlsx">
<div id="preview"></div>

JS代码：

const fileInput = document.getElementById('file-input');
const previewDiv = document.getElementById('preview');

fileInput.addEventListener('change', (event) => {
  // 获取上传的文件
  const file = event.target.files[0];
  
  // 如果是Word文档，使用FileReader对象读取内容，并使用Docx.js库进行解析
  if (file.type === 'application/msword' || file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
    const reader = new FileReader();
    reader.onload = () => {
      const docx = new DocxJS();
      const content = docx.parse(reader.result);
      previewDiv.innerHTML = content;
    };
    reader.readAsArrayBuffer(file);
  }
  
  // 如果是Excel表格，使用FileReader对象读取内容，并使用ExcelJS库进行解析
  if (file.type === 'application/vnd.ms-excel' || file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
    const reader = new FileReader();
    reader.onload = () => {
      const workbook = new ExcelJS.Workbook();
      workbook.xlsx.load(reader.result).then(() => {
        const worksheet = workbook.getWorksheet(1);
        const html = worksheet.getHtml();
        previewDiv.innerHTML = html;
      });
    };
    reader.readAsArrayBuffer(file);
  }
});

需要注意的是，这个示例代码中使用了Docx.js和ExcelJS库进行Word文档和Excel表格的解析，因此需要在代码中引入这两个库。另外，由于浏览器的安全限制，无法直接访问本地文件系统，因此需要让用户手动选择要上传的文件。