下载接口

 get 下载接口
 const baseUrl = window.location.origin + '/api'
 onClick:() => {
                location.href = `${baseUrl}/wehelper/download?qrCodeUrl=${row.qrcodeUrl}`
                },
post 下载转化excel
  url: '/wehelper/download',
  method: 'POST',
  responseType: 'blob',
<Button onClick={async () => {
                                        try{
                                          // params 入参
                                          const res=  await fetchDownload(item.tagImportFailDTOList);
                                            // fileName:下载的文件名
                                            const fileName = '失败列表.xlsx';
                                            const blob = new Blob([res], { type: 'application/vnd.ms-excel;charset=utf-8' });
                                    
                                            // 针对ie浏览器
                                            if (window.navigator && window.navigator.msSaveOrOpenBlob) {
                                              window.navigator.msSaveOrOpenBlob(blob, fileName);
                                            } else {
                                              // 非ie浏览器
                                              const downloadElement = document.createElement('a');
                                              const href = window.URL.createObjectURL(blob); // 常见下载的链接
                                              downloadElement.href = href;
                                              downloadElement.download = fileName; // 下载后文件名
                                              document.body.appendChild(downloadElement);
                                              downloadElement.click(); // 点击下载
                                              document.body.removeChild(downloadElement); // 下载完成移除元素
                                              window.URL.revokeObjectURL(href); // 释放blob对象
                                              onClose();
                                              setItem('');
                                            }
                                          } catch (e) {
                                            console.log(e);
                                          }
                                    }}>下载失败列表</Button>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容