原生js预览word文件流

在原生 JavaScript 中，可以通过使用 File API 和 FileReader API 来预览 Word 文件流。具体步骤如下：

1. 获取选择的 Word 文件的 File 对象

const inputElement = document.getElementById("input-file");
const file = inputElement.files[0];

这里假设 HTML 中已经定义了一个 input 元素，用于选择 Word 文件。

2. 使用 FileReader API 将 Word 文件读取为数据 URL

const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => {
  const dataUrl = reader.result;
  // 在这里处理数据 URL
};

3. 使用数据 URL 预览 Word 文件

可以使用嵌入式的 `iframe` 元素将数据 URL 显示为 Word 文件：

const iframe = document.createElement("iframe");
iframe.src = dataUrl;
document.body.appendChild(iframe);

完整的代码示例：

<input type="file" id="input-file" />

const inputElement = document.getElementById("input-file");
const file = inputElement.files[0];

const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => {
  const dataUrl = reader.result;

  const iframe = document.createElement("iframe");
  iframe.src = dataUrl;
  document.body.appendChild(iframe);
};