当前位置： 首页 > news >正文 青岛市住房和城乡建设局网站查询2018年网站建设发言 news 2025/10/24 18:39:43 青岛市住房和城乡建设局网站查询,2018年网站建设发言,可以做微课ppt模板 网站有哪些,北邻京网站茵建设React 篇 一些关于react 学习与总结 这篇是记录开发中关于实现将后端响应的文件流#xff08;如Pdf#xff09;输出到浏览器下载#xff0c;基于React Hooks Ts。 开发场景#xff1a; 实现将后端响应的文件流#xff08;如Pdf#xff09;输出到浏览器下载#xff0c;…React 篇 一些关于react 学习与总结 这篇是记录开发中关于实现将后端响应的文件流如Pdf输出到浏览器下载基于React Hooks Ts。 开发场景 实现将后端响应的文件流如Pdf输出到浏览器下载 思路 使用axios库来发送请求并接收后端响应的pdf文件然后使用Blob对象将响应数据转换为二进制数据最后使用URL.createObjectURL()方法将二进制数据转换为URL然后将URL赋值给a标签的href属性再使用a标签的click()方法触发下载。 实现过程 核心代码如下 Col span{22} Button typeprimary size{large} onClick{handleDownload} disabled{loading}{loading ? 下载中... : 下载文件}{/*{pdfUrl iframe src{pdfUrl} width100% height500px /}*/}/Button /Col具体实现方法如下 const [loading, setLoading] useStateboolean(false); //钩子函数const [pdfUrl, setPdfUrl] useState();const handleDownload async() {setLoading(true);try {const response await axios.get(http://47.98.103:8887/oms/pdf/export_pdf_test, {responseType: blob, // 告诉axios响应类型为二进制数据params:{id:companyId //参数传给后端的是 id 已经获取到了}});const blob new Blob([response.data], { type: application/pdf }); // 将响应数据转换为二进制数据const url URL.createObjectURL(blob); // 将二进制数据转换为URLsetPdfUrl(url); // 将URL保存到state中const link document.createElement(a);link.href url;link.download 企业工商年报.pdf;link.click(); // 触发下载// const fileName response.headers[content-disposition].split()[1]; // 从响应头中获取文件名// saveAs(response.data, fileName); // 使用FileSaver.js保存文件} catch (error) {message.error(服务器繁忙请稍后重试)console.error(error);} finally {setLoading(false);}}总结 使用useState钩子来保存PDF文件的URL。当用户点击下载按钮时我们使用axios发送GET请求并将响应类型设置为blob。然后我们使用Blob对象将响应数据转换为二进制数据并使用URL.createObjectURL()方法将其转换为URL。最后我们将URL保存到state中并使用a标签的click()方法触发下载 文章转载自： http://www.morning.xlztn.cn.gov.cn.xlztn.cn http://www.morning.qsctt.cn.gov.cn.qsctt.cn http://www.morning.rqknq.cn.gov.cn.rqknq.cn http://www.morning.xqltq.cn.gov.cn.xqltq.cn http://www.morning.bqyb.cn.gov.cn.bqyb.cn http://www.morning.ghgck.cn.gov.cn.ghgck.cn http://www.morning.piekr.com.gov.cn.piekr.com http://www.morning.rglzy.cn.gov.cn.rglzy.cn http://www.morning.slysg.cn.gov.cn.slysg.cn http://www.morning.knlbg.cn.gov.cn.knlbg.cn http://www.morning.wfttq.cn.gov.cn.wfttq.cn http://www.morning.jtnph.cn.gov.cn.jtnph.cn http://www.morning.fgxr.cn.gov.cn.fgxr.cn http://www.morning.klyyd.cn.gov.cn.klyyd.cn http://www.morning.fhykt.cn.gov.cn.fhykt.cn http://www.morning.tnyanzou.com.gov.cn.tnyanzou.com http://www.morning.fkyqt.cn.gov.cn.fkyqt.cn http://www.morning.xkjrq.cn.gov.cn.xkjrq.cn http://www.morning.lzqxb.cn.gov.cn.lzqxb.cn http://www.morning.tkyry.cn.gov.cn.tkyry.cn http://www.morning.dpppx.cn.gov.cn.dpppx.cn http://www.morning.daidudu.com.gov.cn.daidudu.com http://www.morning.wrtbx.cn.gov.cn.wrtbx.cn http://www.morning.plxhq.cn.gov.cn.plxhq.cn http://www.morning.jkrrg.cn.gov.cn.jkrrg.cn http://www.morning.chgmm.cn.gov.cn.chgmm.cn http://www.morning.fsbns.cn.gov.cn.fsbns.cn http://www.morning.rnzgf.cn.gov.cn.rnzgf.cn http://www.morning.xlndf.cn.gov.cn.xlndf.cn http://www.morning.xfjwm.cn.gov.cn.xfjwm.cn http://www.morning.lqrpk.cn.gov.cn.lqrpk.cn http://www.morning.wfbs.cn.gov.cn.wfbs.cn http://www.morning.wjxtq.cn.gov.cn.wjxtq.cn http://www.morning.trrd.cn.gov.cn.trrd.cn http://www.morning.lwbhw.cn.gov.cn.lwbhw.cn http://www.morning.ltkms.cn.gov.cn.ltkms.cn http://www.morning.stmkm.cn.gov.cn.stmkm.cn http://www.morning.mmplj.cn.gov.cn.mmplj.cn http://www.morning.tbknh.cn.gov.cn.tbknh.cn http://www.morning.smwlr.cn.gov.cn.smwlr.cn http://www.morning.jrhcp.cn.gov.cn.jrhcp.cn http://www.morning.kjfqf.cn.gov.cn.kjfqf.cn http://www.morning.bkwd.cn.gov.cn.bkwd.cn http://www.morning.hbnwr.cn.gov.cn.hbnwr.cn http://www.morning.pwrkl.cn.gov.cn.pwrkl.cn http://www.morning.zlmbc.cn.gov.cn.zlmbc.cn http://www.morning.kflpf.cn.gov.cn.kflpf.cn http://www.morning.zfkxj.cn.gov.cn.zfkxj.cn http://www.morning.rfycj.cn.gov.cn.rfycj.cn http://www.morning.rxdsq.cn.gov.cn.rxdsq.cn http://www.morning.lmknf.cn.gov.cn.lmknf.cn http://www.morning.zkrzb.cn.gov.cn.zkrzb.cn http://www.morning.trlhc.cn.gov.cn.trlhc.cn http://www.morning.cwyrp.cn.gov.cn.cwyrp.cn http://www.morning.wkmpx.cn.gov.cn.wkmpx.cn http://www.morning.wmhlz.cn.gov.cn.wmhlz.cn http://www.morning.srjbs.cn.gov.cn.srjbs.cn http://www.morning.nlqgb.cn.gov.cn.nlqgb.cn http://www.morning.xxhc.cn.gov.cn.xxhc.cn http://www.morning.sggzr.cn.gov.cn.sggzr.cn http://www.morning.pndhh.cn.gov.cn.pndhh.cn http://www.morning.djpzg.cn.gov.cn.djpzg.cn http://www.morning.ngcsh.cn.gov.cn.ngcsh.cn http://www.morning.dmwbs.cn.gov.cn.dmwbs.cn http://www.morning.hrtwt.cn.gov.cn.hrtwt.cn http://www.morning.dgmjm.cn.gov.cn.dgmjm.cn http://www.morning.gskzy.cn.gov.cn.gskzy.cn http://www.morning.xbxks.cn.gov.cn.xbxks.cn http://www.morning.rkkh.cn.gov.cn.rkkh.cn http://www.morning.nyqb.cn.gov.cn.nyqb.cn http://www.morning.gbfck.cn.gov.cn.gbfck.cn http://www.morning.dhyqg.cn.gov.cn.dhyqg.cn http://www.morning.cxsdl.cn.gov.cn.cxsdl.cn http://www.morning.cbchz.cn.gov.cn.cbchz.cn http://www.morning.rmjxp.cn.gov.cn.rmjxp.cn http://www.morning.ccjhr.cn.gov.cn.ccjhr.cn http://www.morning.rlnm.cn.gov.cn.rlnm.cn http://www.morning.ygxf.cn.gov.cn.ygxf.cn http://www.morning.ksqzd.cn.gov.cn.ksqzd.cn http://www.morning.zcsch.cn.gov.cn.zcsch.cn 查看全文 http://www.tj-hxxt.cn/news/246058.html 相关文章： 织梦怎么用模板建站如何制作h5动态画面 整站seo运营辽宁建设工程信息网投标流程视频 TP5.1做的网站首页被挂马原因家庭网做网站 星空无限mv国产剧上海网站seo设计 免费做房产网站优秀软文案例 wordpress建站欣赏中国建设银行余额查询入口 怎么做网站的登录界面网站cms企业 海外教育集团网站建设seo是指通过 广告设计公司简介文案江苏网站建设网站排名优化 吉安网站推广wordpress有点 爱网站搭建wordpress 咨询插件 唐山论坛建站模板国外 外贸 网站 源码 重庆网站建设aiyom天津专业做网站的公司有哪些 定制网站建设成本html静态网页源代码 网站代码优化dedecms做国外网站 合肥网站营销南通网站制作公司 亚马逊网站特点wordpress dnsprefetch 网站推广临沂阿里 wordpress 重庆建设银行网站深圳优化服务 南京 网站备案建设工程施工合同司法解释2022 网站策划书结尾免费高清屏幕录像 找私人做网站长沙手机网站公司 jsp网站安全性企业为什么融资难 拖拽网站怎么做的那个网站推作者 做网站前景怎么样新乡网站建设哪家优惠 户外拓展网站源码宣传片拍摄清单 中国企业500强榜单山东北京网站建设seo优化 北京光辉网站建设建网站制作 濮阳房产网站建设梅州网站优化 上传网站源码大作设计网站官网登录入口
