后端传给xml格式文件前端要求导出word文件

66 篇文章 9 订阅

废话不多说

这是后端接口
在这里插入图片描述
在这里插入图片描述

前端处理

直接上代码

exportTable() {
   fileDetailExport(this.$route.query.id).then(res => {
     console.log(res)
     this.funDownload(res, "社会人档案详情.docx")
   })
 },
 funDownload(content, filename) {
   // 创建隐藏的可下载链接
   var eleLink = document.createElement("a")
   eleLink.download = filename;
   eleLink.style.display = "none"
   // 字符内容转变成blob地址
   var blob = new Blob([content])
   eleLink.href = URL.createObjectURL(blob)
   // 触发点击
   document.body.appendChild(eleLink)
   eleLink.click()
   // 然后移除
   document.body.removeChild(eleLink)
 },

over

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
如果你的后端需要接收XML格式的文件,你可以使用以下步骤: 1. 在前端使用XMLHttpRequest或fetch等工具将XML文件上传至后端。 2. 在后端使用解析XML的库,如DOMParser或xml2js,将XML文件解析为JSON或JavaScript对象。 3. 对解析后的数据进行处理,如存储到数据库或进行进一步的操作。 以下是一个使用Node.js的例子: ```javascript const http = require('http'); const formidable = require('formidable'); const { parseString } = require('xml2js'); const server = http.createServer((req, res) => { if (req.method === 'POST') { const form = new formidable.IncomingForm(); form.parse(req, (err, fields, files) => { if (err) { console.error(err); res.statusCode = 500; res.end('Error'); return; } // Get the XML file from the files object const xmlFile = files['xml-file']; // Parse the XML file parseString(xmlFile.path, (err, result) => { if (err) { console.error(err); res.statusCode = 500; res.end('Error'); return; } // Process the parsed data console.log(result); res.statusCode = 200; res.end('Success'); }); }); } else { res.statusCode = 404; res.end('Not Found'); } }); server.listen(3000, () => { console.log('Server listening on port 3000'); }); ``` 在这个例子中,我们使用formidable库来解析POST请求中的表单数据,包括上传的XML文件。然后,我们使用xml2js库将XML文件解析为JavaScript对象。你可以在解析后的对象上执行任何你需要的操作。最后,我们向客户端发送一个成功的响应。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老电影故事

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值