js下载文件防止白屏

最新推荐文章于 2024-08-14 14:47:20 发布
最新推荐文章于 2024-08-14 14:47:20 发布
阅读量1k 收藏
点赞数 2
分类专栏： Js 文章标签： 下载白屏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ashou706/article/details/82760477
版权 
思路：用js创建一个iframe，让后指定src为下载目录。
var ifup = document.getElementById("ifup");
if(ifup)
{
    document.body.removeChild(ifup);
}
var elemIF = document.createElement("iframe");
elemIF.id='ifup';
elemIF.src =  tpri_dmp.root + '/process/Common_File?action=Common_Download&attachid=' + attachid + '&qt=1';
elemIF.style.display = "none";
document.body.appendChild(elemIF);
ashou706
关注
专栏目录
【安卓 IOS白屏问题】vite+js+vue3
youknow156的博客
09-06 615
其实就是在升级过程中会有一些问题 微信浏览会有一些缓存，导致用户断言 失败无法就失败了一半跟 清空缓存或者重新登录就能解决这个问题 这肯定不是我们想要的 这里再贴一段代码打包时会有会使用一个默认模板 我们定义为index.html 复制代码替换你的index.html 模板-- 设定网页的到期时间，一旦网页过期，必须到服务器上重新传输。-->-- 设定禁止浏览器从本地机的缓存中调阅页面内容 -->-- 清除缓存，再次访问这个网址要重新下载 -->
JS文件下载，文件下载页面跳转出现空白页解决办法
热门推荐
Moreisy的小镇
12-13 1万+
文件下载出现空白页或页面跳转，是因为直接用文件地址跳转window.open或者location.href这种方式会有页面跳转的情况出现。 下面看怎么解决这个问题 例子 方案一（推荐）：用js触发<a>标签点击事件 var downLoad=function(src){ var a = document.createElement('a'); a.id = 'expe...
开发中遇到window.open造成的webview白屏问题
小白的专栏
10-08 2997
在一个H5嵌套项目中遇到这样一个问题，当我点击H5页面的某个按钮时，webview页面直接白屏了，开始我怀疑自己的代码是不是由于疏漏移除了WebView，当我用Safari打开调试模式发现，webView存在，内容变成了about:blank,由于我对H5不是很了解，所以请教了H5的开发，那边说就是正常的链接打开，并说在调试工具里面正常，尼玛~~~~。后来我直接在Safari打开H5页面，确实能正...
js实现文件直接下载不打开
最新发布
珈一.的博客
08-14 462
【代码】js实现文件直接下载不打开。
window.open 打开是空白页面
nailwl
12-16 8323
众所周知，FireFox为了支持web标准，在1.1版以后就取消了对模式对话框的支持。即：window.showModalDialog()。但是我们有时在制作网页的时候想增强用户体验性，想使用这个功能怎么办？我们先来分析一下实现模式对话框的原理，我们在IE的模式对话框下无论点父窗口的什么地方，focus（焦点）总是回到了子窗口上面。那么在FireFox下我们将focus总是设置在子窗口上不就行了嘛
点击下载文件产生的白屏问题解决
高先生的猫
06-11 4206
产生白屏问题的原因是因为点击下载按钮的时候实际上因为某些原因产生了2次点击，如果使用的是window.location.href这种下载方式或者a标签的方式，会发生链接覆盖，产生页面跳转。如果想要解决这个问题可以采用iframe进行下载，不同的iframe之间是互补影响的。 代码如下： let divFrame = window.parent.document.getElementById("dIframe") if (divFrame != null) { window.parent...
前端文件下载避免闪烁
wyq的博客
03-30 926
当使用跳转下载时，通常使用 window.open('文件地址'); 来实现下载功能。但是这种方法会导致页面打开一个窗口下载完毕后关闭，体验不佳。 因此有以下方式提升体验 const iframe = document.createElement('iframe'); iframe.src = '文件地址'; iframe.style.display = 'none'; document.body.appendChild(iframe); setTimeout(() => { document.
Vue防止白屏添加首屏动画的实例
10-16
在Vue.js框架中，可以通过添加loading动画来防止白屏的出现。vue-cli3是Vue官方提供的一个脚手架工具，它可以快速搭建Vue项目的基础结构。使用vue-cli3生成的项目中，开发者可以在index.html的标签内找到一个占位符...
详解vue 项目白屏解决方案
10-17
在使用Vue.js框架开发项目的过程中，遇到白屏问题是开发者经常面临的困扰之一。白屏通常是指页面初次加载时，用户看到的只是一片空白，没有内容显示。这种情况会严重影响用户体验，同时也会降低用户的留存率。针对...
如何解决vue2.0下IE浏览器白屏问题
10-18
通过运行`npm install babel-polyfill`安装后，在页面入口文件（如`main.js`）顶部引入： ```javascript import 'babel-polyfill'; ``` 3. **更新`webpack-dev-server`**: 如果在编译过程中遇到问题，可能需要...
解决前端每次发版白屏问题的新思路（修改webpack保存上一次发版文件）
林钹渊的博客
12-04 2119
在使用vue-cli脚手架构建完项目，项目完成后，需打包上线。默认打包方式则是 npm build，然后项目根目录会生成 dist 文件夹。服务端将该文件夹替换线上即可。但是当第n（n>1）次上线后，由于在用户端会默认缓存index.html入口文件，而由于vue打包生成的css/js都是哈希值，跟上次的文件名都不同，因此会出现找不到css/js的情况，导致白屏的产生。虽然刷新一...
JS通过window location href下载文件
Alive_tree的博客
10-16 1万+
最近在写文件下载，发现前端实现下载功能是依赖于浏览器特性，而非JS特性。 前端实现文件下载主要分为以下情况 1、在页面直接点击某个元素，然后另存为，弹出下载提示框 2、直接输入网址，确定，弹出下载提示框 3、点击页面的块触发下载时间，弹出下载提示框 4、点击下载按钮，实现文件下载 html代码 <div> <span ng-click="downloadFile(url...
vite.config.js 打包白屏
04-18
vite.config.js 是 Vite 构建工具的配置文件，用于配置项目的打包和构建相关的设置。当项目在打包时出现白屏的情况，可能是由于以下几个原因导致的： 1. 路径配置错误：检查 vite.config.js 文件中的路径配置是否...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值