js下载文件,判断文件是否返回

时间: 2019-05-29阅读: 85标签: 文件

下载之前用的window.location.href下载的,但是这个判别不了文件是否返回,小文件倒还好,大的文件长时间没有下载也没有加载条什么的,用户有时会点击下载好几下,大的数据很容易将服务拖垮,所以决定改良下,参考网上大神的,大概思路是:用ifram标签下载,追加到文档,下载完成移除,前端带一个时间戳的cookie,后台接收,下载完成之后返回,前端一个定时循环的函数去验证是不是返回了时间戳,如果是确认下载成功


前端代码:

$("#mylink").click(function () {
	var iframe=document.createElement("iframe");
	//指定iframe的路径
	iframe.src= dss.rootPath + "plugin/sjwfx/NineAddressNoLeisUreExport";
	$(iframe).css("display","none");
	//开始“数据正在加载”的进度条,提示用户在导出数据
	dss.alert("正在为您导出数据,请稍后片刻");
	dss.load(true);
	//追加元素到文档
	document.body.appendChild(iframe);
	//每隔一秒循环下里面代码,如果是我返回的值,关闭加载
	var interval = setInterval(function(){
    //获取返回的cookie
    var down = dss.cookie.get("resultId");
    if(down=="75941785"){
	    //隐藏“数据正在加载”的进度条
	    dss.load(false);
	    $(iframe).remove();
	    //关闭循环的时间函数
	    clearInterval(interval);
    }
	},1000);
});

后台添加这么几行代码:

Cookie cookie=new Cookie("resultId","75941785");//将时间戳设置到cookie中
 cookie.setPath("/");//可能会出现前端js读取不到,所以设置下
cookie.setMaxAge(10);//设置cookie生存时间,可调小一点
response.addCookie(cookie);//添加cookie


我前端没有带上时间戳,因为iframe的关系,我这是iframe嵌在iframe里面的,后台一直读取不到我带的cookie,百度了很多没有很好的解决办法,所以我是直接在后台带上值,前端识别,我是设置了cookie时间为十秒就失效,注意:后台如果配置文件配置了http-only,前端js是不能读取操作的,还有就是setPath不是必须带的,如果前端读取不到,试着带下,或者指定你的项目名。


前端实现文件下载功能

通过window.open()打开新页面下载文件;通过a标签打开新页面下载文件;通过文件流的方式下载;如何实现批量下载,且打包文件

vue读取本地的excel文件并显示在网页上

我想实现读取一个本地的xlsx文件(task_list.xlsx)然后显示在网页上, 一开始选择的方法是建个express server, 通过发送axios请求来实现, 但是觉得只是读取一个本地文件还要搞个server太复杂了

PHP下载大文件失败,并限制下载速度

PHP在使用readfile函数定义下载文件时候,文件不可以过大,否则会下载失败,文件损坏且不报错;这个是因为readfile读取文件的时候会把文件放入缓存,导致内存溢出;解决:分段下载,并限制下载速度;

vue在index.html中引入静态文件不生效

出现该问题的标志如下,控制台warning(Resource interpreted as Stylesheet but transferred with MIME type text/html),第一种可能出现原因就是引入的静态文件在src文件夹内,这种的解决办法就是把资源引入静态资源的目录static

前端实现文件在线预览txt,pdf,doc,xls,ppt几种格式

做法就是使用iframe标签,只需要配置src就可以,根据文件后缀判断如果是office的类型就在url前加上https://view.officeapps.live.com/op/view.aspx?src=

前端文件下载的方式

http 头部的 Content-Disposition字段,规定了返回的内容用什么形式展示,前端需要使用window.open 形式访问 此路由就可以实现文件的下载

HTTP实现xls导出和上传文件处理

需求:导出节目单[不保存文件到本地],输出不同的文件类型[csv,xls,xlsx],上传[csv,xls,xlsx]导入节目单

前端实现在线预览pdf、word、xls、ppt等文件

免费纯前端方式实现在线预览word、excel、ppt最优选择微软在线预览(不可编辑),利用后端将文件转为图片,前端以图片形式预览(可行方案)

将数组转化为 csv 文件类型的代码

将一个数组转化为逗号为分割符的字符串(CSV)即表格数据。利用了 Array.prototype.map() 和 Array.prototype.join() 两个函数,实现了一个简单的数组转化为 csv 文件类型的代码。

JavaScript使用localStorage缓存Js和css文件

对于WebApp来说,将js css文件缓存到localstorage区可以减少页面在加载时与HTTP请求的交互次数,从而优化页面的加载时间.特别是当移端信号不好高延迟时优化效果还是很显见的

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全