但是识别不出 .emf .tif
tif是不显示 emf这是不识别

<template><div word">class="container"><h2>提取 Word 表格中的图片</h2><input type="file" @change="handleFileUpload" accept=".docx"><div v-word">if="tables.length"><h3>解析结果：</h3><div v-word">for="(table, index) in tables" :key="index"><table border="1"><tbody><tr v-word">for="(row, rowIndex) in table" :key="rowIndex"><td v-word">for="(cell, cellIndex) in row" :key="cellIndex" v-html="cell"></td></tr></tbody></table></div></div></div>
</template><script>
word">import JSZip word">from "jszip";word">export word">default {data() {word">return {tables: []};},methods: {word">async handleFileUpload(event) {word">const file = event.target.files[0];word">if (!file) word">return alert("请选择一个 Word 文件");word">const zip = word">await JSZip.loadAsync(file);console.log("ZIP 文件结构:", Object.keys(zip.files)); // 调试 ZIP 内的文件结构word">const documentXml = word">await word">this.readXmlFile(zip, "word/document.xml");word">const relsXml = word">await word">this.readXmlFile(zip, "word/_rels/document.xml.rels");word">if (!documentXml || !relsXml) {alert("无法解析 Word 文件");word">return;}word">const parser = word">new DOMParser();word">const docXml = parser.parseFromString(documentXml, "application/xml");word">const relsXmlDoc = parser.parseFromString(relsXml, "application/xml");word">const tables = docXml.getElementsByTagName("w:tbl");word">if (!tables.length) {alert("未找到 Word 表格");word">return;}word">let extractedTables = [];word">for (word">let i = 0; i < tables.length; i++) {word">let tableArray = [];word">const rows = tables[i].getElementsByTagName("w:tr");word">for (word">let row word">of rows) {word">let rowArray = [];word">const cells = row.getElementsByTagName("w:tc");word">for (word">let cell word">of cells) {word">let cellContent = word">this.extractText(cell);// 查找单元格内的图片word">const images = word">await word">this.extractImages(cell, relsXmlDoc, zip);word">if (images.length) {cellContent += images.map(imgSrc => `<img src="${imgSrc}" style="max-width:100px;">`).join("<br>");}rowArray.push(cellContent);}tableArray.push(rowArray);}extractedTables.push(tableArray);}word">this.tables = extractedTables;},word">async readXmlFile(zip, filePath) {word">const file = zip.file(filePath);word">return file ? word">await file.async("string") : word">null;},extractText(cell) {word">const paragraphs = cell.getElementsByTagName("w:p");word">let text = "";word">for (word">let paragraph word">of paragraphs) {word">const runs = paragraph.getElementsByTagName("w:r");word">for (word">let run word">of runs) {word">const texts = run.getElementsByTagName("w:t");word">for (word">let textNode word">of texts) {text += textNode.textContent + " ";}}}word">return text.trim();},word">async extractImages(cell, relsXmlDoc, zip) {word">let imageSources = [];word">const drawings = cell.getElementsByTagName("w:drawing");word">const picts = cell.getElementsByTagName("w:pict"); // 兼容旧格式word">const imagesToProcess = [];// 处理 w:drawing 图片word">for (word">let drawing word">of drawings) {word">const blips = drawing.getElementsByTagName("a:blip");word">for (word">let blip word">of blips) {word">const embed = blip.getAttribute("r:embed");word">if (embed) imagesToProcess.push(embed);}}// 处理 w:pict 图片word">for (word">let pict word">of picts) {word">const imgs = pict.getElementsByTagName("v:imagedata");word">for (word">let img word">of imgs) {word">const embed = img.getAttribute("r:id");word">if (embed) imagesToProcess.push(embed);}}console.log("提取到的图片 ID:", imagesToProcess); // 调试word">const imagePromises = imagesToProcess.map(word">async (embed) => {word">const rel = relsXmlDoc.querySelector(`Relationship[Id="${embed}"]`);word">if (rel) {word">const target = rel.getAttribute("Target");word">let imagePath = `word/${target}`;console.log("图片路径:", imagePath); // 调试word">if (zip.file(imagePath)) {word">return word">await zip.file(imagePath).async("base64").then(base64 => `data:image/png;base64,${base64}`);}}});word">return Promise.all(imagePromises);}}
};
</script><style scoped>
.container {max-width: 600px;margin: auto;text-align: center;
}
table {width: 100%;margin-top: 10px;border-collapse: collapse;
}
td {padding: 5px;text-align: center;
}
</style>