原文:https://www.cnblogs.com/houxiaohang/p/6846467.html

因为最近要做一个功能:将excel文件上传到服务器进行解析读取,再生成新的excel文件下载下来。故找到了这篇博文,很实用,转载一下,方便以后使用。

1 从后端接收json数据,前端处理生成excel下载

JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel

这种方式比较适用于该数据需要能够导出下载并且同时要展现在页面的场景

2 通过form表单接收文件

如果后端已经处理成了excel,就不需要前端在处理生成,但是Ajax能够返回的数据格式只能为html,script,json,xml,不能直接接受excel文件,如果你直接通过ajax去获取文件就会报错。但是我们可以利用表单可以支持文件传输的特性,通过表单进行请求提交,就可以顺利接受到文件啦。

1
2
3
4
<form action='ajax_url'>
    <input type="text" name="yourname" value="yourvalue">
    <input type="submit" value="提交">
 </form>

当页面上不能出现form表单展示时,可以通过设置一个隐藏的form表单获取excel

3 从后端接受文件地址,设置href下载

这种方法同样是通过后端来生成excel文件,但 并不直接返回excel文件,前端通过向后端发送ajax请求返回一个用于下载excel文件的地址,在页面上设置a标签的href为返回的地址即可

转载于:https://www.cnblogs.com/Nick-Hu/p/10219068.html

3.前端下载excel文件功能的三种方法相关推荐

  1. 前端下载excel文件功能的三种方法

    1 从后端接收json数据,前端处理生成excel下载 JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel 这 ...

  2. php下载远程文件(图片)的三种方法

    1. 使用file_get_contents 和 file_put_contents 方法下载远程图片: <?phpfunction download_remote_file($file_url ...

  3. php读取文件内容不全,php读取文件内容的三种方法

    //**************第一种读取方式***************************** 代码如下: header("content-type:text/html;chars ...

  4. python一次性读取整个文件-python逐行读取文件内容的三种方法

    一.使用open打开文件后一定要记得调用文件对象的close()方法.比如可以用try/finally语句来确保最后能关闭文件. 二.需要导入import os 三.下面是逐行读取文件内容的三种方法: ...

  5. Linux清空文件内容的三种方法

    Linux清空文件内容的三种方法 测试文件:a.txt 第一种: $> a.txt 第二种: $echo "" > a.txt 第三种: $cat /dev/null ...

  6. java持久层用文件_JAVA中用三种方法将字符串持久化到文件中

    经常需要将数据进行持久化,而我们的文件系统是最古老也是最可靠的保存方式.这里就给出一个在JAVA中把字符串保存到文件中的例子.如下: package test.base; import java.io ...

  7. linux系统中清空文件内容的三种方法

    1.使用vi/vim命令打开文件后,输入"%d"清空,后保存即可.但当文件内容较大时,处理较慢,命令如下: vim file_name :%d :wq 2.使用cat命令情况,命令 ...

  8. 如何免费下载百度文库文章的三种方法

    百度文库中的资源很丰富,但那里的文章不能复制,而且有的要下载币.给 大家总结下免费下载复制百度文库的三种方法. 第一种 利用百度快照.我们在百度文库中找到自己想要的文章后,直接把那篇文章的地址复制, ...

  9. Java实现监听文件变化的三种方法,推荐第三种

    背景 在研究规则引擎时,如果规则以文件的形式存储,那么就需要监听指定的目录或文件来感知规则是否变化,进而进行加载.当然,在其他业务场景下,比如想实现配置文件的动态加载.日志文件的监听.FTP文件变动监 ...

  10. 前端实现轮播图的三种方法。

    轮播图,作为前端学习的经典案例,涉及了各种知识点,包括动画函数,js基础知识以及逻辑思路等,一辈子只做一次. 下面总结实现轮播图的三种方法,从易到难,大家选择性学习. 轮播图 一. Vue.js实现轮 ...

最新文章

  1. 用java代码实现Singleton,为什么在Java代码中实现Singleton模式(有时被认为是Java世界中的反模式)?...
  2. 基于Servlet+JDBC+Bootstrap+MySQL+AJAX权限管理系统项目实战教程
  3. linux升级补丁tar,Linux内核升级补丁安装手册(一)
  4. python中__str__与__repr__
  5. 文件,文件夹的创建和删除
  6. java minor gc_Java Minor发布计划再次进行了调整
  7. 解读浮动闭合最佳方案:clearfix
  8. 画出计算机网络的一般组成,计算机网络习题(有答案).pdf
  9. 面向对象chapter10
  10. pytorch/tensorflow 查看 cuda 是否可用
  11. 赣州服务器系统,赣州排名P级别服务器厂
  12. 容器技术Docker K8s 50 容器镜像服务(ACR)详解-使用与实践
  13. word文件怎么压缩?详细的操作步骤
  14. 它来了,指数基金定投实操!
  15. Photoshop 抠图(基础篇)
  16. Switch新机发布引全球吐槽
  17. Tornado实现多线程、多进程HTTP服务
  18. 汽车CAN通信解析(二)
  19. 西部数码 php 伪静态,西部数码虚拟主机伪静态如何设置
  20. OBS 插件开发 之 美颜

热门文章

  1. 人脸对齐(二十一)--A Recurrent Encoder-Decoder Network for Sequential Face Alignment
  2. 运动目标跟踪(十六)--OAB,SemiT,BSBT跟踪
  3. Uni-G/ The University of Glasgow (Uni-G) ECG Analysis Program
  4. 百度地图迁徙大数据_百度地图大数据看十一:各地商圈出现“红色拥堵”,游乐场迎来“高光时刻”...
  5. android wear系统源码,android wear5.1怎么样 android wear5.1更新评测
  6. asp 文本转时间_ASP.NET Core界面开发,DevExpress v19.2增强富文本编辑器功能
  7. clickhouse聚合函数之groupBitmap
  8. presto求时间差
  9. AWS codecommit 的学习记录
  10. 统计学作业4 概念