vue预览二进制excel和docl的方法

Vue中预览二进制的Excel和Doc文件可以使用以下两种方法：

使用第三方库：可以使用FileSaver.js和XLSX.js，前者用于下载文件，后者用于解析Excel文件。代码示例：

import XLSX from 'xlsx'
import FileSaver from "file-saver"

export function previewExcel(file) {
const reader = new FileReader()
reader.onload = (e) => {
const data = e.target.result
const workbook = XLSX.read(data, { type: 'binary' })
const sheetName = workbook.SheetNames[0]
const worksheet = workbook.Sheets[sheetName]
const sheetData = XLSX.utils.sheet_to_json(worksheet, { header: 1 })
// 在此处使用sheetData渲染表格
}
reader.readAsBinaryString(file)
}

export function previewDoc(file) {
FileSaver.saveAs(file)
}

使用浏览器内置的Object URL：将文件转换为Blob对象，然后使用URL.createObjectURL()方法生成URL，最后使用iframe或者a标签打开URL即可。代码示例：

export function previewExcel(file) {
const blob = new Blob([file], { type: 'application/vnd.ms-excel' })
const url = URL.createObjectURL(blob)
const iframe = document.createElement('iframe')
iframe.src = url
document.body.appendChild(iframe)
}

export function previewDoc(file) {
const blob = new Blob([file], { type: 'application/msword' })
const url = URL.createObjectURL(blob)
const a = document.createElement('a')
a.href = url
a.download = file.name
a.click()
}

注意：以上代码示例仅供参考，具体实现需要根据自己的需求进行适当的修改。