-
等级
本版专家分：245结帖率 85.71% -
现在有这样一个需求,要求点击一个按钮就可以同时下载多个文件,求高手帮忙展开阅读全文
-
等级
本版专家分：843 -
sf
建一个线程,里面把每一个文件下载都写里面.(设想)
-
等级
本版专家分：60 -
可以用XDownload
-
等级
本版专家分：4841 -
关注
-
等级
本版专家分：31831 -
关于如何让页面同时下载多个文件的尝试
朋友的项目里有这样一个要求，一个按钮按下后，同时出现四个csv文件下载。我们当然可以用window.open()打开4个新窗口来下载，但一下载蹦出很多页面，客户可能就不喜欢了。我本来想，那用隐藏的IFrame不就没问题了，事实没有这么简单。我们看一下如下的代码：
<script language="javascript">
function download(){
document.all.frmHid1.src = "";
document.all.frmHid1.src = "File.aspx?id=1";
document.all.frmHid2.src = "";
document.all.frmHid2.src = "File.aspx?id=2";
}
</script>
<input type="button" id="btnDownload1" value="Click Me To Download" onclick="download();"/>
<iframe id="frmHid1" frameborder="no" src="" width="0" height="0"></iframe>
<iframe id="frmHid2" frameborder="no" src="" width="0" height="0"></iframe>
这里为了避免用同一个IFrame必须一个一个下，而且还要判断frame.readyState，使用了多个IFrame。本以为这样就可以多个下载窗口同时弹出来了，不过实际运行起来，却一直只能弹出一个下载窗口。而且还是随机的，可能是 File1，也可能是 File2。中间我还尝试了很多其它的方法，不过都是这个样子。我猜想这可能是因为每个页面窗体(window)同一时间只允许一个下载确认窗体，而这个窗体是模式窗口。用window.open()因为是开辟了多个新的页面窗体，所以不存在这个问题。这样如果我们执意不弹出新窗口，而非要使用IFrame的话，要同时蹦出多个下载窗口是不可能了。
那我们退而求其次，就让下载完一个文件后，再蹦出下一个吧。但这里又有一个问题，我们用普通的frame.readyState来判断一个文件是否下载完(确切说是下载确认窗体关闭），是做不到的。所以经过研究，我目前找到一种方法可以判断这个下载确认窗体的状态，那就是通过页面的焦点离开或者焦点得到的事件。
具体的实现大家看一下下面的演示代码就可以了。如果谁有其他的好的实现方法，欢迎和我交流:)
====================Main.aspx===========================
<html>
<head>
<script language="javascript">
// 用于标记下载状态，'0'为初始值, '1' 为准备开始下载, '2' 为窗口焦点已离开,即下载窗口已弹出
var downloadStatus = 0;
var downloadIndex = 0; // 当前下载文件索引
var downloadCount = 2; // 总下载文件数
window.onblur = function(){ // 如果状态标志是'准备开始下载'，可以理解为因为下载窗口弹出而失去焦点
if ( downloadStatus == 1 )
downloadStatus = 2; // 下载窗口弹出状态
}
window.onfocus = function(){
// 得到焦点时，如果状态标志是'下载窗口弹出'，可以理解为下载窗口关闭后重新得到焦点
// 此时如果还有没下载的，继续下载下一个文件
if ( downloadStatus == 2 && downloadIndex < downloadCount - 1 ) {
download(downloadIndex+1); // 继续下载下一个
} else if (downloadIndex == downloadCount-1) { // 全部文件已下载，恢复状态
downloadStatus = 0;
downloadIndex = 0;
}
}
function download(index){
downloadStatus = 1;
downloadIndex = index;
document.all.frmHid.src = "";
document.all.frmHid.src = "File.aspx?id=" + index;
}
</script>
</head>
<body>
Multy Download Sample<br />
<br />
<input type="button" id="btnDownload" value="Click Me To Download" onclick="download(0);"/>
<iframe id="frmHid" frameborder="no" src="" width="0" height="0"></iframe>
</body>
</html>
====================File.aspx===========================
<%@ Page Language="VB" %>
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
Dim id As String = Request.QueryString("id")
Response.Clear()
Response.ContentType = "text/plain"
Response.AppendHeader("Content-Disposition", "attachment; filename=TestFile" & id & ".txt")
Response.Write("You requested " & id)
Response.End()
End Sub
</script>
你可以看看这个http://www.cnblogs.com/kriss/archive/2006/02/23/335885.html
-
等级
本版专家分：30
-
学习了.
- 微信H5开发，怎样禁止手机横屏
最近开发微信H5时遇到一个非常蛋疼的问题，就是手机横屏显示时，排版出问题了，严重变形。就像下面这样。页面一团糟在网上找了很多方法，下面网友的建议方法：网上的一些方法后来我就把各个大神做的H5都拿出来看看，...
- 利用three.js 实际开发的一个实例
首个threejs项目-前端填坑指南 第一次使用threejs到实际项目中，...因为第一次搞这玩意，相对的遇到的问题也是大把的，让我来一一诉说一路上遇到的各种问题。 开发使用： C4D、Blender2.75、[threejs-r72](http:/...
- android中，请问谁知道怎样将视屏画面旋转180度之后播放？
不关横竖屏的事，各位大神，谁知道啊，急需啊。。。。。。。。。。。。。。。。。。。。。。。。。。
- android手机坐标系，原来我一直都没理解透
android手机屏幕的坐标系： 1. 竖屏 屏幕左上角为坐标系原点，坐标系如下： 在屏幕内，坐标都是正值，屏幕范围内最小是0；如果出现负值，那一定是超出屏幕范围了 2. 横屏 横屏的时候坐标系原点...
- Android模拟器横竖屏不能切换，太奇怪了！！！
首先打开了屏幕旋转 其次使用了Ctrl+F11/F12或小键盘7,9都无济于事 模拟器设置具体配置如下： AVD配置如下： 以“系统配置”为例，竖屏状态下如下图： 切换后，如下： 大神请指点！
- UGUI3DUI图像锯齿问题
UGUI中可以很方便的制作3DUI,只需在Canvas中指定一个Perspective的相机即可,但是在拼3DUI的时候,也容易发现不少问题,比如图片的锯齿问题.先说说3DUI的设置方式： 如果要在现有2DUI的基础上，补充3D的UI，那就需要新...
- Android中setRotation导致的问题
当我们想让一个控件进行旋转的时候，我们一般都是使用rotation来设置他的旋转角度，但是我在有一次使用的时候不知道是不是因为版本的问题还是什么问题，设置了旋转后导致view直接消失不见，这种情况只出现在部分机型...
- ios 强制横屏大总结
整个项目是竖屏的，不能横屏，但是有个播放界面必须要横屏于是就开始找各种横...> device orientation（1），plist文件，如图所示，第一项是建立项目时默认有的表示支持手机的屏幕方向（我把支持向右和向左的删了），第
- 朋友居然将显示屏幕翻转过来放 ——屏幕倒置的解决方法
朋友居然将显示屏幕翻转过来放 ——屏幕倒置的解决方法
- Android音视频学习——Camera2官方demo解析（1）
本篇内容主要解决屏幕旋转和Surface旋转之间的关系，使相机的预览画面与屏幕旋转方向一致。 在官方demo的开始，定义了一个SparseIntArray，用来保存屏幕旋转的key和value：private static final SparseIntArray ...
- 桌面Qt 界面整体旋转90度的方法 求大神指导
现在有一块横屏 想竖起来使用 所以需要让Qt界面整体旋转90 有什么方法可以实现 是在linux系统的Qt中实现
- 计算机图形学基础(一) 三角形绘制旋转和迷宫算法
鼠标绘制三角形并且旋转 绘制三角形有几个地方说明一下： 1因为鼠标返回的是屏幕坐标系，相对于窗口的左上角，对于w X h来说左上是（0,0）右下为（w-1,h-1）。 而应用程序中的是屏幕窗口，中心是（0,0），左下角...
- 一、WebGL屏幕坐标转世界坐标
最近在研究一位大神用webgl写的三维地图引擎，在研究源码的过程中学到了很多以前没注意到的东西，特地在此记录一番 平常WebGL渲染的时候，如果顺过来看的话，坐标转换会经过如下几个过程 局部坐标=>世界坐标=>观察...
- threejs旋转模型动画教程
第一次使用threejs到实际项目中，开始...因为第一次搞这玩意，相对的遇到的问题也是大把的，让我来一一诉说一路上遇到的各种问题。 开发使用： C4D、Blender2.75、[threejs-r72](http://threejs.org/) 万事开头难，...
- Windows7操作系统下的修改屏幕旋转快捷键
在IDEA中，回到上个点的快捷键是Ctrl+Alt+左方向键，因为系统占用了这个快捷键，只要使用，就是屏幕旋转。我去，难受香菇啊。 忍了两天后，决定找方法。借鉴了...
- 3D语音天气球（源码分享）——创建可旋转的3D球
使用Unity3D，Android，语音服务，天气服务，来制作一个3D语音天气预报，我给它起名叫做3D语音天气球。。。
- iOS8之后只支持竖屏的App中某个界面强制横屏后导致部分区域无响应
强制横屏： iOS7中的场景:Reveal软件监控视图层次的结构 ...iOS8.1中该视图结构变成了： ...参看了UIWindow相关API接口和UIApplication:sharedApplication相关的API接口，iOS8 SDK中并没有新增。...
- libvlc怎么做视频拉伸，或者充满整个播放窗口
在libvlc的基础上做视频播放，有个问题是视频拉伸的问题。libvlc_video_set_aspect_ratio可以在播放的时候充满窗口，但是窗口的大小发生变化，就不能继续充满窗口了，再次设置没用，各位大神，有没有哪个接口是可以...
- linux下怎么设置hdmi固定输出1024*768分辨率，不让hdmi自动向上或向下协商
linux下怎么设置hdmi固定输出1024*768分辨率，不让hdmi自动向上或向下协商？ 我用的ti AM5728开发板，当接高分辨率显示器时，可输出1080P图像。...现在想让其只输出1024*768的图像，不自动协商，请问大神哪里可以设置？
- Unity Shader 一 激光特效Shader
学习Shader已经有几个月的时间了，Shader... 学习期间，我也向多名Shader大神请教学习经验，得到的回应大多是让我好好去学习计算机图形学。哈哈，于是乎，本人又跑去看了一个多月的计算机图形学。接着再次回来学习Shad
- CSS3景深、三维变换属性及旋转三维立方体的实现
不得不佩服那些开发者大神们 让我们能够通过几行CSS代码就能得到酷炫的视觉体验浏览器坐标系在讲正式语法之前，首先需要了解浏览器坐标系 这需要我们把浏览器界面想象成一个立体的场景这是网上流传很广的浏览器...
- Android利用SurfaceView 实现水印相机，仿钉钉
最近项目中要求增加拍照打卡功能。模仿钉钉的样子，于是就网上找了些资源。功能虽然实现了，却难以看懂，参考了各位大神的代码。加以整理整合。再做出一番梳理。以供各位参考。希望对阅读者有帮助。
- 自定义View之绘图篇（六）：Canvas那些你应该知道的变换
让我住进你的心里 一仓央嘉措 一、什么是Canvas？什么是Canvas？官方文档是这么介绍的： The Canvas class holds the “draw” calls. To draw something, you need 4 basic components: A Bitma
- Arduino Uno 驱动OLED进阶 显示几何动画
这篇文章主要翻译国外某大神的作品 本示例可以学会如何画线条 先看看效果 YOUTUBE视频 https://www.youtube.com/watch?v=_t_lfcGV_YM GITHUB 原代码地址 ...
- 有人知道在app里怎么做那种图片滚动，类似新闻app里面的那种滚动
我需要的是一个占用很小一部分空间的图片滚动，至于屏幕上方滚动，求大神指导
- Android 性能优化<七>自定义view绘制优化
Android 性能优化 (一)APK高效瘦身 ... Android 性能优化 (二)数据库优化 秒变大神 http://blog.csdn.net/whb20081815/article/details/70142033 Android 性能优化（三）布局优化 秒变大...
- css3 transform3d子元素取消旋转
就是想实现一个旋转木马，但是所有的字要面朝屏幕。 transform:none;好像对于3d子元素本身就没变换，所以没效果。 采用子元素反转的方式，子元素就消失了宽度为0，感觉像是转轴设定又问题，但是重新设置了没反应，...
- 老程序员教你如何提高开发效率、成为大神0——从业余到专业
从这篇博客开始，我将介绍如何通过一些方法和技巧提高开发效率。背景介绍：本人自1996年开始学习编程，经历过很多痛苦和挫折，在2007-2012年期间一直在做软件外包，也就是俗称的野战军，2013年才正式入职一家企业的...
- Github上100个经典开源Java项目 值得阅读学习
1. React Native 这个是 Facebook 在 React.js Conf 2015 大会上推出的基于 JavaScript 的开源框架 React Native, 该框架结合了 Web 应用和 Native 应用的优势, 可以使用 JavaScript 来开发 iOS 和 ...
- Android 把商品添加到购物车的动画效果实现（原理贝塞尔曲线）
前言 由于项目首页中新添加了2个页面 涉及到购物车和商品购买 ...想到这里，不禁让我想起来了郭霖大神的一句名言在这里借用一下，与其共励！ 实现效果如gif图: 好了，说说这个加入购物车的动画效果，我是...