- 可以同时上传多个文件;
- 类似ajax无刷新上传
- 可以显示上传进度
- 文件过滤功能
swfupload.queue.js
/*
Queue Plug-in
Features:
*Adds a cancelQueue() method for cancelling the entire queue.
*All queued files are uploaded when startUpload() is called.
*If false is returned from uploadComplete then the queue upload is stopped.
If false is not returned (strict comparison) then the queue upload is continued.
*Adds a QueueComplete event that is fired when all the queued files have finished uploading.
Set the event handler with the queue_complete_handler setting.
*/
//rock修改版
//lanshikun2008@163.com
var SWFUpload;
if (typeof(SWFUpload) === "function") {
SWFUpload.queue = {};
SWFUpload.prototype.initSettings = (function (oldInitSettings) {
return function () {
if (typeof(oldInitSettings) === "function") {
oldInitSettings.call(this);
}
this.customSettings.queue_cancelled_flag = false;
this.customSettings.queue_upload_count = 0;
this.settings.user_upload_complete_handler = this.settings.upload_complete_handler;
this.settings.upload_complete_handler = SWFUpload.queue.uploadCompleteHandler;
this.settings.queue_complete_handler = this.settings.queue_complete_handler || null;
};
})(SWFUpload.prototype.initSettings);
SWFUpload.prototype.startUpload = function (fileID) {
this.customSettings.queue_cancelled_flag = false;
this.callFlash("StartUpload", false, [fileID]);
};
SWFUpload.prototype.cancelQueue = function () {
this.customSettings.queue_cancelled_flag = true;
this.stopUpload();
var stats = this.getStats();
clearAFile();
while (stats.files_queued > 0) {
this.cancelUpload();
stats = this.getStats();
}
$('startUpload').disabled='disabled';
};
SWFUpload.queue.uploadCompleteHandler = function (file) {
var user_upload_complete_handler = this.settings.user_upload_complete_handler;
var continueUpload;
if (file.filestatus === SWFUpload.FILE_STATUS.COMPLETE) {
this.customSettings.queue_upload_count++;
}
if (typeof(user_upload_complete_handler) === "function") {
continueUpload = (user_upload_complete_handler.call(this, file) === false) ? false : true;
} else {
continueUpload = true;
}
if (continueUpload) {
var stats = this.getStats();
if (stats.files_queued > 0 && this.customSettings.queue_cancelled_flag === false) {
this.startUpload();
} else if (this.customSettings.queue_cancelled_flag === false) {
this.queueEvent("queue_complete_handler", [this.customSettings.queue_upload_count]);
this.customSettings.queue_upload_count = 0;
} else {
this.customSettings.queue_cancelled_flag = false;
this.customSettings.queue_upload_count = 0;
}
}
};
}
分享到:
相关推荐
"Flash批量文件上传"就是一种解决方案,它利用Adobe Flash技术来实现多文件同时上传的功能。以下是对这个主题的详细解释: Flash作为一种曾经广泛使用的富互联网应用技术,具有跨平台和多媒体处理能力,特别适合...
"Web方式通过Flash批量上传文件"是一种解决方法,它利用了Adobe Flash技术来实现多文件同时上传的功能。本文将深入探讨这个主题,包括其原理、优势以及实现步骤。 Flash技术在过去的网页交互中扮演了重要角色,它...
本话题聚焦于"Flash批量文件上传(修正版)",这意味着我们将探讨一个利用Adobe Flash技术实现的批量文件上传解决方案,并且这个版本已经修复了之前的错误,提高了文件上传的数量限制。 Flash作为一种广泛使用的...
在ASP.NET中实现Flash批量上传图片的功能,主要是结合了Flash的技术来处理大文件和多文件的上传需求,因为Flash在处理大文件上传时能够分块上传,避免了一次性加载整个文件对服务器造成的压力。以下是关于这个主题的...
在批量上传文件时,Flash可以利用其特有的FileReference类,允许用户在浏览器中选择多个文件,然后通过异步的方式将这些文件上传到服务器。这一特性在HTML5之前,对于跨浏览器的多文件选择上传是非常重要的,因为它...
本示例“Flash批量上传文件 .net范例”提供了一种解决方案,它结合了Flash技术与.NET框架,尤其是C#语言,来实现高效、用户友好的文件上传功能。 首先,批量上传文件的优势在于可以节省用户时间,减少多次点击和...
在早期版本中,它支持Flash批量上传图片,但随着HTML5技术的发展,Flash逐渐被淘汰,因此将Flash批量上传图片方式改为H5上传是必要的优化步骤。H5上传不仅支持多文件选择,而且兼容性更好,用户体验更佳。 首先,...
压缩包中的“批量上传文件C#.net+FLEX”可能是项目的源代码,包括C#.NET的后端代码和Flash的ACTIONSCRIPT代码。开发者可以通过阅读这些源代码来理解整个上传过程的工作原理,并根据自己的需求进行定制和扩展。 总结...
在本场景中,"asp,利用flash批量上传!" 指的是使用ASP结合Flash技术来实现文件的批量上传功能。Flash曾是网页交互设计的重要工具,尤其是在处理多媒体内容和表单提交时,包括文件上传。 批量上传功能对于需要处理...
本文将深入探讨Uploadify的工作原理、主要特点以及如何在项目中实现批量上传文件。 ### Uploadify的工作原理 Uploadify基于Flash和HTML5技术,通过JavaScript与服务器端进行通信。它利用浏览器的File API,允许...
总的来说,这个项目利用Flash的多文件选择和进度显示能力,结合PHP的文件处理功能,实现了批量上传文件并带有进度条的特性。尽管现在Flash已经逐渐被HTML5取代,但理解这种技术实现对于理解现代Web开发的历史和技术...
1. **Flash批量上传图片向H5上传的转变**: 随着Flash技术的逐渐淘汰,将KindEditor中原有的基于Flash的图片批量上传方式替换为H5(HTML5)上传,这是一个必要的优化步骤。HTML5引入了File API,使得在浏览器中处理...
SwfUpload的工作原理是利用Flash的多文件选择特性,因为HTML5之前的版本不支持原生的多文件选择上传。用户选择文件后,SwfUpload会将文件数据封装成HTTP请求发送到服务器,同时提供了进度条显示、取消上传、暂停和...
【标题】"FLASH 文件批量上传程序"涉及到的主要技术领域是Web开发中的文件上传功能,尤其在Java环境下。这里的关键知识点包括Struts2框架、Flash技术以及文件处理。 【Struts2框架】:Struts2是一个基于MVC设计模式...
Flash批量上传.Net上传控件是一种技术解决方案,它利用Adobe Flash的技术特性来实现用户友好的、多文件同时上传的功能,并与.NET框架集成,提供服务器端的处理能力。 Flash在早期因其丰富的图形和多媒体支持而被...
在本案例中,"asp+flash完美批量上传图片程序源代码"是一个利用ASP技术和Adobe Flash来实现用户友好的批量图片上传功能的程序。Flash曾经是创建网页交互元素的流行工具,特别是对于处理多媒体内容如图片上传,它提供...
总结起来,这个DEMO巧妙地利用了Flash的多文件选择和上传功能,结合Asp.net和PHP的后端处理能力,实现了跨平台的文件批量上传。Asp.net和PHP的选择使得DEMO既可以支持.NET环境下的服务器,也能适应PHP环境,具有较好...
使用了本控件后,在后台编写代码时,不必编写实时监控文件上传进度的复杂代码,只用编写简单的处理保存上传文件的代码即可,因为FLASH插件会自动帮助算出上传进度,并实时定时给控件提供进度显示数据,这样就减轻了...
"Swfupload FLASH批量文件上传(PHP)" 是一个技术解决方案,它允许用户通过使用Flash技术实现批量上传文件到服务器。此方案结合了Flash组件与PHP后端处理,为网站提供了高效且用户友好的文件上传功能。下面我们将详细...
总的来说,"ASP.NET+Flash多图片批量上传工具"是一种实用的Web开发组件,它利用了两种技术的优势,为用户提供了一种直观且高效的图片上传体验。然而,随着HTML5技术的发展,现代浏览器已经支持原生的多文件上传,...