react下载文件有哪两种方式

react下载文件有哪两种方式

react下载文件的两种方式分别是:

学习视频分享:react视频教程

1、GET类型下载

 download = url => {    const eleLink = document.createElement('a');    eleLink.style.display = 'none';    // eleLink.target = "_blank"    eleLink.href = url;    // eleLink.href = record;    document.body.appendChild(eleLink);    eleLink.click();    document.body.removeChild(eleLink);  };

登录后复制

2、POST类型下载

 static async download(params) {    let form = document.createElement('form');    form.style.display = 'none';    form.action = `${api}tCmPaymentOrd/export`;    form.method = 'POST';    document.body.appendChild(form);    // 动态创建input并给value赋值    for (var key in params) {      var input = document.createElement('input');      input.type = 'hidden';      input.name = key;      input.value = params[key];      form.appendChild(input);    }    form.submit();    form.remove();  }

登录后复制

以上就是react下载文件有哪两种方式的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2719937.html

(0)
上一篇 2025年3月7日 22:31:34
下一篇 2025年3月7日 22:31:41

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vscode删除的文件在哪里

    vscode删除的文件会出现在桌面回收站中,如果你不小心误删了文件,想还原该文件,可以打开回收站找到该文件。然后右键点击该文件,选择“还原”即可在vscode中看到被还原的文件。 下面通过一个例子,给大家介绍一下相关操作流程: 首先右键选择…

    2025年4月2日 编程技术
    100
  • 如何使用vscode打开浏览器查看html文件

    首先界面按下ctrl+shift+p显示命令面板,输入ctr,选择【任务:配置任务运行程序】 然后选择【Others】,可以看到默认配置 最后修改如下(删除其中一行): 立即学习“前端免费学习笔记(深入)”; {    “version”:…

    2025年4月2日
    100
  • vscode如何通过文件名查找文件

    按快捷键ctrl+p可以弹出一个小窗,在上面的输入框输入文件名,下拉框点击一个文件 搜索的时候,是不分大小写的,而且匹配文件名的多个部分。例如搜索do,可以匹配到DBconfig.js这个文件 按ctrl+shift+p或者按f1也会打开这…

    2025年4月2日 编程技术
    100
  • vscode怎么创建css文件

    首先点击文件选择新建文件,如下图所示: 然后就建立了一个临时的文件,如下图所示: 接着看底部的文档类型是纯文本,点击纯文本 立即学习“前端免费学习笔记(深入)”; 在弹出的界面中选择css,如下图所示: 然后按ctrl+S保存文档,如下图所…

    2025年4月2日 编程技术
    100
  • vscode如何定位文件位置

    VS Code提供了两个功能强大的命令,可以通过易于使用的键绑定在文件中导航和跨文件导航。 按住Ctrl键并按Tab键查看编辑器组中打开的所有文件的列表。要打开其中一个文件,请再次使用Tab选择要导航到的文件,然后释放Ctrl以将其打开。 …

    2025年4月2日
    100
  • Nginx配置React项目报404怎么解决

    代码: location /demo {  root E:/;  index index.html index.htm; } 这样配置的有一个问题,只能 http://localhost/demo/来访问。  如果想访问里面的其它界面如 h…

    编程技术 2025年4月2日
    100
  • 麒麟操作系统中的数据恢复工具如何帮助你找回丢失的文件?

    麒麟操作系统中的数据恢复工具如何帮助你找回丢失的文件? 引言:在日常使用电脑的过程中,我们经常会遇到误删除文件、磁盘损坏、病毒感染等情况,导致重要数据丢失。麒麟操作系统提供了一款强大的数据恢复工具,可以帮助用户找回丢失的文件。本文将介绍该工…

    2025年4月2日
    100
  • hooks怎么样,为什么vue和react都选择它!

    本篇文章我们来了解下hooks,聊聊为什么vue和react都选择它,为什么我们需要 hooks ,以及vue 和 react 自定义 hook 的异同,希望对大家有所帮助! 阅读本文,你将: 初步了解 Hooks 在 vue 与 reac…

    2025年4月1日 编程技术
    100
  • 如何覆盖组件库样式?React和Vue项目的解决方法浅析

    如何覆盖组件库样式?下面本篇文章给大家介绍一下react和react项目中优雅地覆盖组件库样式的方法,希望对大家有所帮助! 组件库的样式覆盖不掉,这应该是很多前端在工作中遇到过的问题。今天从实际案例出发分析原因,最后会给出在React和Vu…

    2025年4月1日 编程技术
    100
  • Photoshop入门:网上下载的滤镜应用实例

    前面讲述了Photoshop入门:动作的安装使用实例,继续讲解网上下载的一些滤镜如何应用呢? 相关教程:Photoshop入门:外挂滤镜的安装和使用。1,首先找到需要安装的滤镜文件(就是自己下载的滤镜文件)然后选取复制。本文使用的是正弦滤镜…

    2025年4月1日 编程技术
    100

发表回复

登录后才能评论