• 技术文章 >web前端 >js教程

    react下载文件有哪两种方式

    VV2020-12-16 11:07:03转载714

    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下载文件有哪两种方式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:react 文件
    上一篇:jquery div能添加元素吗 下一篇:react16有什么新特性
    大前端线上培训班

    相关文章推荐

    • Thinkphp6如何利用ZipArchive打包下载文件• 如何解决php下载文件内容乱码的问题• php下载文件出现乱码怎么解决• 如何解决php 下载文件乱码问题

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网