admin 管理员组

文章数量: 1184232

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 常见的问题
                                            


            

                

                    

                        版权声明：本文标题：vue,React中利用的axios进行下载word,excel,pdf 常见的问题 内容由网友自发贡献，该文观点仅代表作者本人，
                        转载请联系作者并注明出处：http://www.roclinux.cn/b/1693853264a245971.html，
                        本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。