VUE前端下载excel模版失败

最新推荐文章于 2024-01-27 15:08:34 发布
原创 最新推荐文章于 2024-01-27 15:08:34 发布 · 656 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文介绍了一种在前端实现文件下载的方法，并针对该方法在实际应用中遇到的问题进行了详细分析。通过对路径设置的调整，解决了文件偶尔无法下载的问题。

1.先看代码

 

download () {
      let a = document.createElement('a')
      a.href = '../../static/areaTemplate.xlsx'
      a.download = 'reservoir.xlsx'
      a.style.display = 'none'
      document.body.appendChild(a)
      a.click()
      a.remove()
    }

初看代码没问题，路径也能找到，但是报未找到文件，有时成功有时报错

a.href = './static/areaTemplate.xlsx'

修改路径直接去找src 

labu1_mei
关注
Vue前端：导出表格 未发现文件错误
liangzixx的博客
01-08 1127
Vue前端：导出表格 未发现文件错误 在写javaWeb项目导出表格文件的接口时，后端已经成功生成了表，在前端点击下载的时候报了错误，如下图所示，未发现文件错误。并且文件格式是.html。 前端代码： downloadAssessSite(num){ showLoading("正在导出表，请稍后..."); let single = this.checkdownload; //获取选中的数据 let data = {data:JSON.stringif
document.createElement 出现的报错---Uncaught TypeError: Illegal invocation
weixin_45044349的博客
02-09 1666
报错代码 var createEle = document.createElement; function render() { // 创建导航并且插入 var nav = createEle('a') } render() 知识点 call、aplay在函数执行的时候，改变this;bind是返回一个新的函数 参考文章 相同点：call、apply和bind都是JS函数的公有的内部方法，他们都是重置函数的this，改变函数的执行环节。 不同点：bind是创建一个新的函数，而cal.
Vue下载文件不成功及下载文件名称问题
weixin_43190804的博客
12-15 3710
import axiosDown from “axios”; downloadFile(path) { return axiosDown({ url: path, method: “get”, responseType: “blob” // 这一步也很关键，一定要加上 responseType 值为 blob }); }, downloadWay(item) { // console.log(item,‘item’); this.downloadFile(item.fileUrl).then(data =&
vue解决excel文件下载问题
object_static的博客
06-02 654
Message.error("操作失败，服务端出现异常错误！* @param {Object} fileName 文件完整名称，包括类型。* @param {Object} httpType 返回的文件格式。* @param {Object} params 请求参数。* @param {Object} url 请求地址。
前端Vue实现文件下载提示 失败-未发现文件的解决思路
apple_pingwan的博客
11-05 9144
文件下载提示 失败-未发现文件的解决思路 前端vue中动态创建a标签下载文件 <div name="downloadfile" onclick="downloadClick()">下载模板</div> //下载模板 downloadClick:function(event){ var link = document.createElement('a'); link.setAttribute("download", ""); link.href = "./static/参会者模板
vue项目前端生成EXCEL模板并解析上传JSON
qq_22936647的博客
01-27 827
一，安装依赖 并引入。
vue 前端下载excel模板
01-25
以下是Vue前端下载Excel模板的示例代码： ```html 下载模板 <a ref="downloadTemplate" style="display: none" :href="templateUrl"></a> export default { data() { return { templateUrl: "./excel...
#vue3 实现前端下载excel文件模板功能
ZHENGCHUNJUN的博客
01-18 3282
前端无需通过后端接口，即可实现模板下载功能。 通过构造一个 JSON 对象，使用前端常用的第三方库 xlsx，可以直接将该 JSON 对象转换成 Excel 文件，让用户下载模板
vue前端导出excel模板
最新发布
01-08
为了实现在Vue.js项目中导出Excel模板的功能，可以使用`xlsx`库来处理数据转换和文件生成。以下是具体方法： 安装所需的npm包： ```bash npm install xlsx file-saver --save ``` 创建一个名为`export-excel.js`的...
【纯前端excel导出】vue3纯前端导出excel，使用xlsx插件，修改样式、合并单元格
11-25
【纯前端excel导出】vue3纯前端导出excel，使用xlsx插件，修改样式、合并单元格
Excel文件下载失败，vue下载Excel文件失败解决方法
weixin_liutao的博客
06-04 2588
最近做导出功能，发现一个问题，后端导出功能正常，用postman测试正常能导出，但是前端vue却无法下载，原因是无法获取响应头中的Content-Disposition（可替换是 *），记录一下小问题。 response.setHeader("Access-Control-Expose-Headers", "Content-Disposition"); ...
构建前端Vue项目 初始化包结构时无法下载模块包
༄༊星河༣
11-20 393
我们一般用Vue CLI(Vue 脚手架)搭建前端，在这之前我们需要安装Node.js,访问官网http://nodejs.org/en/即可下载对应版本的Node.js。 1.更新至最新版本：npm -g install npm 2.安装Vue 脚手架:npm i -g vue-cli 3.初始化包结构 vue init webpack project （这里的project是指你的项目名) 一般前两步都会成功，第三步大部分人都会遇到 vue-cli · Failed to download repo v
Vue下载Excel模板和导入遇到的问题
sunon_的博客
05-28 2万+
查看我的个人博客 因为对vue不熟悉，最近踩了很多坑啊。今天这个下载导出Excel的功能搞了半天啊，，， Vue下载Excel模板 后端代码参考之前写的博客：Java通过Poi的开发Excel导入导出和下载功能 这次使用jfinal的方法，先在根目录下创建downloadExcelModel目录，将模板Excel文件放进去。 1 2 3 4 5 ...
vue a链接下载文件失败(未发现文件) 已解决
weixin_50541501的博客
03-02 3418
需求：下载excel的导入模板 问题：下载失败， 未发现文件 发现这个问题后，我查看啦下载的详情 这里可以看到 vue 文件中 @ 绝对路径标识符没有识别 解决方案 先将需要下载的文件放入 public 公共资源文件下 将 a 链接的路径改成以 index.html 为基准的相对路径 这样就解决了，下面是下载成功的文件 ...
解决前端无法下载excel
weixin_45029766的博客
11-13 1379
…废话不多说,上才艺 1.这是前端js传递了一个列表的id集合,用来导出.他不是GET也不是POST. /** * 导出专用 * @type {{}} */ var Export = { exportFile: function (waterIds) { //<b>劳动人民的智慧<b> window.open("/console/prettyWater/exports" + "
vue项目 无法下载导出的execel文件
Shuainan_0619的博客
03-12 1144
问题：前端访问导出接口无法直接下载文件，而是输出了文件流 原因：ajax请求只是个“字符型”的请求，即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的，虽然可以读取到返回的response，但只是读取而已，是无法执行的 解决办法：在页面上添加a标签实现下载 代码如下： export function _postf(url, params, errorback) { return new Promise((resolve, reject) => { axios.pos
vue中a标签下载本地文件-未找到,原因及解决方法
destinymmm的博客
06-14 3438
a标签下载图片失败
Eclipse安装插件总是失败
热门推荐
一枚JAVA萌新的进阶之旅
09-22 2万+
在开始使用Eclipse进行编程的时候，只要是用一段时间，总是要用到插件的，目前使用的Eclipse在涉及到Spring和Hibernate的时候，需要配置文件，想试试用插件直接new的，而不是Ctrl+C，Ctrl+V的。 在网上下载好了两个String的工具包，结果都是失败，怎么说这个失败的，离线安装Tool包（中间断网，听说速度更快），也没有出现什么错误提示，然后重启，问题就来了，首先在W
a标签下载静态文件 失败-未发现文件
github_39096247的博客
09-02 7530
VUE a标签下载文件 下载文件提示 失败未发现文件 目录 下载路径修改为相对于 index.html 修改后 <div class="download-text"><a download="aaa.txt" href="./../data-mock/aaa.txt"></a></div>
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值