前端js下载本地模板

做一件事，要认真，细心，耐心。记忆开始之初，父母，老师都开始教导的真理，现在工作了，这教导还在，但是这些事情却还是没有做好。昨天，老大审查代码，发现之前的写的下载模板过于复杂，而且在ie环境下还不能执行，所以我就开始的改版了。审查自己的代码，在ie环境下运行，试错方法就是把代码添加一个新的环境判断，这样在ie 环境下就可以了。可是问题又来了，在edge环境下面竟然能执行两次，这是不能容忍的部分，所以果断的采用了简单的方法，放弃了更为复杂的方法。

下面可以看下代码的修改过程：
vue 项目中 a标签下载本地的固定模板

…/tpl/SKU_templateV1.1.xlsx 是要放在项目的根目录处的

<a @click.prevent="downloadItem('../tpl/SKU_templateV1.1.xlsx')" href="../tpl/SKU_templateV1.1.xlsx"></a>

 downloadItem(url) {axios.get(url, { responseType: "blob" }).then(({ data }) => {let blob = new Blob([data], { type: "application/vnd.ms-excel" });let link = document.createElement("a");link.href = window.URL.createObjectURL(blob);link.download = url.split("/").pop();// for IEif (navigator.msSaveBlob) {navigator.msSaveBlob(blob, "SPU_templateV1.1.xlsx");}link.click().catch(error => {console.error(error);});});},

downloadItem这个方法是有缺陷的自己没有发现，被老大给发现了，edge 中会下载两次，这是因为iE不支持download 属性，但是edge 中支持这个属性，同时又是ie环境。

方法二

   <a download href="../tpl/SKU_templateV1.1.xlsx"></a>

应该都是通用的吧，只是下载的方式不怎么一样，在IE中需要用户确认保存才可以，其他的浏览器都是直接下载的。

前端js下载本地模板相关推荐

(vue) 前端实现下载本地Excel模板
(vue) 前端实现下载本地Excel模板方法: 第一步: 将文件放在public里第二步: href链接解决参考:https://blog.csdn.net/sincejuly1995/art ...
前端js下载txt文本
前端js下载txt文本在web应用开发中下载为文本比较少,但是对于一些小说网站应用应该会比较多的! 闲话短说,直接上代码! 1.将下面代码这个保存为一个xxx.js var saveAs = s ...
前端js 下载xls表格
最近在做的项目中,需要有一个将页面展示的数据下载下来的功能,做爬虫的我感觉到了前端知识的匮乏面对需求,脑海中最先涌现出的是两个方向来实现由后端把xls表格制作出来,然后前端只需点击 a标签即可完成 ...
前端js实现本地模糊搜索
很多时候我们做模糊查询是传关键字给后台请求后台接口,但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验. 例如搜索课程名称,首先我们将课程名称json数据存在本地,然后通 ...
【下载】前端JS下载文件的三种方法。FileSaver解决了PDF下载会先预览的问题。
文章目录普通a标签下载搭配FileSaver的axios异步下载搭配FileSaver的原生异步下载后端写入文件流参考普通a标签下载这是非异步下载,后端注意不要写@ResponseBody ...
前端js下载文件压缩包
工作当中时常会遇到对文件的一些处理,比如下载表格.下载图片.下载文件等,这里说一种下载压缩包的方法. 其实也很简单,需要用到一款插件jszip,官方用法都是有的:https://www.npmjs.c ...
前端vue下载本地文件
文件放在静态文件目录下 <el-button type="success" icon="el-icon-download" @click="do ...
html模糊搜索怎么实现,前端js实现本地模糊搜索
很多时候我们做模糊查询是传关键字给后台请求后台接口,但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验. 例如搜索课程名称,首先我们将课程名称json数据存在本地,然后通 ...
Java Web下载Excel模板
在java web项目中常常会遇到下载本地模板的要求,这里以下载Excel模板为例进行说明. 一.首先要在自己的项目下存放一个Excel文件,如图: 这个文件的存放位置不是固定的,我们可以通过获取真实 ...

前端js下载本地模板

前端js下载本地模板相关推荐

最新文章

热门文章