vue,React中利用的axios进行下载word,excel,pdf 常见的问题

/* 下载方法 */
function downFile(blob, fileName) {
  if (window.navigator.msSaveOrOpenBlob) {
    navigator.msSaveBlob(blob, fileName);
  } else {
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = fileName;
    link.click();
    window.URL.revokeObjectURL(link.href);
  }
}

/* 下载word */
Axios(api, params, {responseType: 'arrya'})
  .then((res) => {
    let blob = new Blob([res], {type: "application/msword"});
    let fileName = `${row.task_name}.docx`
    downFile(blob, fileName)
  });

/* 下载文本 */
let blob = new Blob(['文件内容：hello world !'], {type: "application/octet-binary"});
let fileName = `${row.task_name}.txt`;
downFile(blob, fileName)

方法二:

// Axios(api, params, {responseType: 'blob'})
//   .then((res) => {
//     const content = res
//     const blob = new Blob([content])
//     const fileName = '测试表格.docx'
//     if ('download' in document.createElement('a')) { // 非IE下载
//       const elink = document.createElement('a')
//       elink.download = fileName
//       elink.style.display = 'none'
//       elink.href = URL.createObjectURL(blob)
//       document.body.appendChild(elink)
//       elink.click()
//       URL.revokeObjectURL(elink.href) // 释放URL 对象
//       document.body.removeChild(elink)
//     } else { // IE10+下载
//       navigator.msSaveBlob(blob, fileName)
//     }
//   });

方法三:

// Axios(api, params, {responseType: 'blob'})
//   .then((res) => {
//     FileDownload(res, 'word.docx');
//     let blob = new Blob([res], {type: "application/octet-stream"});
//     let objectUrl = URL.createObjectURL(blob);
//     window.location.href = objectUrl;
//   });

vue,React中利用的axios进行下载word,excel,pdf 常见的问题相关推荐

html2pdf vue,VUE项目中利用html2canvas和JsPdf实现页面转PDF并保证图片不会被切断
1.安装html2canvas和JsPdf //第一个.将页面html转换成图片 npm install --save html2canvas //第二个.将图片生成pdf npm install j ...
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能需求:在pdf中鼠标滑动选中一段文字,将选中文字展示到input框中(pdf在iframe中) 完成效果: 关于pdf的引用:我是直接 ...
vue项目中使用阿里iconfont图标(下载并在本地引用)
vue项目中使用阿里iconfont图标(下载并在本地引用) step1 step2 step3 在scr/asstets/css目录下新建icons文件夹,把图中所需要的四个文件放进去即可记得在m ...
vue 在线预览、下载word、pdf文件
vue 在线预览.下载word.pdf文件最近项目用vue-cli3要实现word和pdf文档的在线预览和下载,在网上看到各位大佬们各种办法,发现踩坑无数,还是没弄出来,最后发现还是是自己想复杂了 ...
Java中利用freemarker模板动态生成word含表格
最近公司有导出word的需求,由于word的样式有的很复杂所以记录一下Java中利用freemarker模板动态生成word含表格,以防以后忘记. 1.word表格的模板删掉无用的数据留下基础的样式 ...
java全文检索word中的内容_搜索引擎时对WORD,EXCEL,PDF,POWERPOINT文件全文检索的总结...
搜索引擎时对WORD,EXCEL,PDF,POWERPOINT文件全文检索的总结 (2012-02-12 16:31:59) 标签: pdf文档幻灯片 pdf文件全文检索控件 it JAVA读取 ...
IE浏览器无法下载word和pdf文件的解决办法
有时候在谷歌可以正常下载word和pdf文件,但在ie浏览器就不行了,这是由于IE浏览器安全策略所限导致(其实只要让IE能够支持Blob就可以了) 如果在IE浏览器下就用如下代码(判断的方法不止这一种 ...
钉钉小程序上传预览下载word，pdf文档等一系列问题
钉钉小程序上传预览下载word,pdf文档等一系列问题小程序"用完即走"的理念使得有着很好的发展市场,不仅微信小程序,支付宝,钉钉小程序等都受用户的喜爱. 刚接触了一个企业内部应 ...
vue项目中简单进行axios封装及响应状态码提示！
import Vue from 'vue'import axios from 'axios' import { Toast,Indicator,MessageBox } from 'mint-ui'; ...

vue,React中利用的axios进行下载word,excel,pdf 常见的问题

vue,React中利用的axios进行下载word,excel,pdf 常见的问题相关推荐

最新文章

热门文章