js下载excel创建一个a标签

最新推荐文章于 2022-04-12 14:49:30 发布
最新推荐文章于 2022-04-12 14:49:30 发布
阅读量695 收藏
点赞数
分类专栏： javascript 文章标签： javascript vue.js 前端 html js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangmeixia969/article/details/122107943
版权 
var a = document.createElement('a');
          // 获取文件名fileName
          a.download = this.chartTitle+'.xlsx';  //文件名加类型
          a.href = process.env.VUE_APP_BASE_PROXY+response.path; //下载地址
          document.body.appendChild(a);
          a.click();
          document.body.removeChild(a);
试图让你心动
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AngularJS基于http请求实现下载php生成的excel文件功能示例
11-27
使用PHPExcel插件的同学们都知道，导出excel是直接将生成内容修改content-type来将内容作为文件下载的，这时候需要页面上有一个url，通过点击来下载。 那么问题来了，如果在生成excel时有请求参数，只能通过js的http...
a标签下载文件，js/jq创建a标签导出Excel文件
梁小桐
04-08 2390
a标签下载文件 【html】 <button type="button" class="layui-btn layui-btn-sm" id="formExport">导出</button> 【script】 $('#formExport').on('click',function(event){ event.preventDefault(); let exampleNum = []; let isChecked ..
js Excel前端生成下载， Excel后端生成下载
LMX的博客
11-22 669
js Excel前端生成下载， Excel后端生成下载 Excel前端生成下载 import XLSX from 'xlsx' function openDownloadDialog(url, saveName) { if(typeof url == 'object' && url instanceof Blob) { url = URL.createObjectURL(url); // 创建blob地址 } var aLink = document.createE
导出下载功能的2中方式 - a链接下载名字跟随文件名字
csstmg的博客
06-18 414
点击导出按钮直接执行方法 1, 简易导出 适合导出类型少的 // 从本地拿 出地址 process.env.VUE_APP_BASE_API 拼接 接口以及需要的数据 var url = process.env.VUE_APP_BASE_API + '/roster/listRosterExport?status=' + this.status // 用 window 下载导出 window.location.href = url 2 多筛选条件进行的数据 导出 // api中接口定义需要加个 r
JavaScript：利用a标签生成excel文件
1111111111
04-12 1162
<template> <a-button type="primary" @click="tableToExcel">导出excel</a-button> </template> <script> export default { data() { return { spcDatas:[ ['上公差：13.7','下公差：13.1','标准值：13.4'], ['sigma:0.11','Cp.
使用a标签，点击自动下载文件（Excel），不做页面跳转
qq_61049292的博客
11-16 9731
记录下最近项目中遇到的问题 知识点： 编码：防止乱码 escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z encodeURI() 函数可把字符串作为 URI 进行编码，字符将被十六进制的转义
vue使用a标签下载文件_Vue.js相关：通过JavaScript下载文件到本地的方法（单文件）...
weixin_35796461的博客
01-15 954
Vue.js相关：通过JavaScript下载文件到本地的方法(单文件)发布于 2020-2-22|复制链接摘记: 最近在做一个文件下载的功能，这里把做的过程中用的技术和坑简要总结下。1. 单文件下载(a标签)同源单文件针对单文件的情况下，同源的文件，可以通过 < a> 标签的 download 属性下载文件```javascriptconst elt = document.creat...
前端实现文件预览（word、excel、pdf、ppt、mp4、图片、文本）
04-21
sheetjs是一个JavaScript库，用于读取和写入Excel文件。handsontable是一个开源的表格编辑器，可以与sheetjs集成实现excel文件预览。 ### PDF文件预览 使用pdfjs库可以实现pdf文件预览。pdfjs是一个JavaScript库，...
SnipCommand:一个免费的开源命令片段管理器，用于快速组织和复制
05-14
它可以帮助您创建，组织和存储带有动态参数的命令（Excel公式，Sql查询，终端命令等），以便快速复制到该命令。 使用动态参数描述您的命令还支持有关代码段的文档。 您可以使用selectbox / inputbox来选择或指定...
填充Excel列表工具Excel2Entity.zip
07-18
标签：Excel2Entity 分享 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": [], "bdPic...
导出excel的JS
11-07
把网页的table元素生成excel　
js使用小技巧
07-11
style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时，页面往往重置到页首端。 <a href="javascript:function()">word</a> 上一网页源 asp: request.servervariables(...
前端js下载后端文件的两种方式总结
u013944583的博客
06-19 5508
a）：如果后台服务器的静态目录有可供下载的静态资源，后台人员告知你文件路径，直接window.location.href方式获取即可； b）：如果后台服务器无可供下载的静态资源，返回的是一个文件流(response-type: application/octet-stream;charset=UTF-8 )，则使用第二种方式（将文件写入内存，并且创建a元素，a链接href属性指向内存中的文件，download属性指向要下载的文件名，模拟a元素的点击事件，进行下载 1、 第一种，后台服务器有静态资源且是固定的
js创建a标签下载文件
热门推荐
西风XF的博客
10-17 2万+
const a = document.createElement('a'); // 创建a标签 a.setAttribute('download', '');// download属性 a.setAttribute('href', '');// href链接 a.click();// 自执行点击事件  
js动态创建a标签实现下载功能
weixin_44888920的博客
07-05 2580
js动态创建a标签实现下载功能背景 背景 今天在做一次上传操作，当前端文件上传完成之后，后端会把文件内容上传至服务器保存并返回给后端相对应的URL地址。当用户上传成功接收到地址之后，会显示文件下载的按钮，前端通过对应的地址执行下载操作。 首先我想到的是通过动态创建a标签，然后触发click事件，excel表格文件可以成功下载，但是txt文件却被浏览器直接打开了，百度搜索疑问，大多是说需要给a标签添加download属性，但是添加之后还是同样的效果，后来请教了一个同事，得到了一种方法解决了问题。代码如下： f
js/a标签下载文件方法
weixin_44912410的博客
10-16 4109
<html> <a onclick=down()>xxxx</a> </html> 方法一： function down(){ var url = 'http://localhost:8080文件地址' window.location.href = url } 方法二： 不需要在页面展示a标签 点击任意按钮 <script> downFile(){ var url = 'http://localhost:8080文件地址' v
a标签下载文件文档流 xlsxlsxdoc，docx，pdf
qq_37155370的博客
05-27 1780
通过a标签下载文件 项目中需要下载后台execl文件，通过接口下载，使用js文档流 创建单独js文件，局部引入使用 export function $_downloadFile(obj, name, suffix) { const DOWNLOAD_TYPE_MAP = { xls: 'application/vnd.ms-excel', xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
＜a＞标签下载excel文件
qq_44071032的博客
02-04 2514
在react前端的一个弹出框，增加一个下载Excel表格模板的<a>标签，excel-loader也已经安装，并且在webpack.config.js中按照官方文档配置，在点击<a>标签的时候也一直提示找不到文件，大佬们有没有遇到过。 <a href={require('../../images/Example2.xls')} download="Example2.xls">下载数据模板</a> webpack.config.js配置如下： .
vue使用a标签下载多页excel
最新发布
04-01
可以使用js-xlsx库来实现多页Excel文件的生成和下载。具体步骤如下： 1. 安装js-xlsx库。 ```bash npm install xlsx ``` 2. 在Vue组件中引入js-xlsx库。 ```javascript import XLSX from 'xlsx' ``` 3. 定义一个方法，用于生成Excel文件。 ```javascript export default { methods: { downloadExcel() { // 创建Workbook对象 const wb = XLSX.utils.book_new() // 定义表格数据 const sheet1Data = [ ['姓名', '年龄', '性别'], ['张三', 20, '男'], ['李四', 22, '女'], ['王五', 25, '男'] ] const sheet2Data = [ ['学科', '成绩'], ['语文', 90], ['数学', 85], ['英语', 95] ] // 创建工作表对象 const sheet1 = XLSX.utils.aoa_to_sheet(sheet1Data) const sheet2 = XLSX.utils.aoa_to_sheet(sheet2Data) // 将工作表添加到Workbook对象中 XLSX.utils.book_append_sheet(wb, sheet1, '表格1') XLSX.utils.book_append_sheet(wb, sheet2, '表格2') // 将Workbook对象转为二进制数据 const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' }) // 创建Blob对象 const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' }) // 创建a标签并设置下载属性 const a = document.createElement('a') a.href = URL.createObjectURL(blob) a.download = '多页Excel文件.xlsx' // 模拟点击a标签进行下载 a.click() // 释放URL对象 URL.revokeObjectURL(a.href) } } } // 将字符串转为ArrayBuffer对象 function s2ab(s) { const buf = new ArrayBuffer(s.length) const view = new Uint8Array(buf) for (let i = 0; i < s.length; i++) { view[i] = s.charCodeAt(i) & 0xff } return buf } ``` 4. 在模板中添加一个按钮，用于触发下载Excel文件的方法。 ```html <template> <div> <button @click="downloadExcel">下载Excel文件</button> </div> </template> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值