`
jimichan
  • 浏览: 280608 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

SwfUpload浏览器端上传组件,可显示进度条,可定制UI,可多文件上传

    博客分类:
  • UI
阅读更多

SwfUpload浏览器端上传组件,可显示进度条,可定制UI,可多文件上传

swfupload项目的地址是http://swfupload.mammon.se/

该项目的原理是利用js和flash的上传组件的交互,获得上传进度的信息。采用事件机制回调各种事件的响应函数,使得你可以自己定制UI组件而不受flash的约束,总之是一个不可多得的好东西。

在使用过程中,值得注意的地方是在flash中访问服务器的相对路径时,它相对的是flash文件的路径,而不是flash所在html的路径!
废话无多,请下载我写的示例吧,服务器端只演示使用apache upload组件来接受文件的方式。

  • SWFupload.rar (1.3 MB)
  • 描述: 比较实用的swf示例,项目的编码是UTF-8
  • 下载次数: 8667
分享到:
评论
17 楼 zliw0531hf 2013-03-04  
没有这个js文件prototype.js ,你们怎么运行起来?
16 楼 jhlqab 2008-07-22  
好东西,下载学习............
15 楼 zxj10203 2008-07-12  
我试了这个东西,总体还不错,但用火狐的话,文件显示不出来,请问有什么解决办法吗
14 楼 zxj10203 2008-07-12  
霜晨右转 霜期无可奈何花落去 魂牵梦萦
13 楼 21xionghua 2008-04-19  
不错,支持
12 楼 clia 2008-04-08  
我怎么在Action中得不到上传文件的信息啊,如文件名和文件类型.

List items = (List) upload.parseRequest(request); //这个为0

Iterator iter = items.iterator();
while (iter.hasNext()) { //不会进while
FileItem item = (FileItem) iter.next();

if (item.isFormField()) {/*
String name = item.getFieldName();
String value = item.getString();
System.out.println("name = " + name);
System.out.println("value = " + value);
System.out.println("/r/n");*/
} else {
String fieldName = item.getFieldName();
String fileName = item.getName();
//boolean isInMemory = item.isInMemory();
long sizeInBytes = item.getSize();
getListInSession(request).add(fileName);
getListInSession(request).add(UUID.randomUUID());
/*
System.out.println("fieldName = " + fieldName);
System.out.println("fileName = " + fileName);
System.out.println("contentType = " + contentType);
System.out.println("isInMemory = " + isInMemory);
System.out.println("sizeInBytes = " + sizeInBytes);
System.out.println("br");
*/
}
}
System.out.println("-------- final--------");
11 楼 yaojin 2007-12-26  
我运行程序会抛
org.apache.commons.fileupload.FileUploadException: Stream ended unexpectedly

异常.

请问怎么回事
10 楼 spiritfrog 2007-11-28  
ado88 写道
用了一下,在MYIE下有时会出错,错误是

行:227
字符:2
代码:0
错误:对象不支持此属性或方法

具体代码是:
SWFUpload.prototype.browse = function() {
this.movieElement.browse();
}
在IE下有时也会出现这种状况,但有时又没事,一直找不到原因,有人遇到过吗?

我试过了,没有以上问题;代码看了一遍,做了些修改,主要是在js里面加了些判断,比如完成就不能取消,必须开始下载后才能取消等等;总体感觉下来,swfupload确实是非常好的上传组件,能显示每个文件的进度,可以取消上传。
9 楼 ado88 2007-11-27  
用了一下,在MYIE下有时会出错,错误是

行:227
字符:2
代码:0
错误:对象不支持此属性或方法

具体代码是:
SWFUpload.prototype.browse = function() {
this.movieElement.browse();
}
在IE下有时也会出现这种状况,但有时又没事,一直找不到原因,有人遇到过吗?
8 楼 rain16881 2007-11-06  
好似是有问题的..你通过parseRequest去做的话..

只是用了struts中的action来充当servlet..

struts中的form是空的..

而在我的项目中..

是要传一个form到service层中的.再保存form 的..

你这个好像是做不到的..

我在javaworld@tw找到一个比你好的..你去看看吧
7 楼 jimichan 2007-09-03  
上传到哪个目录由你服务器端程序决定,通过FileItem item对象获得被上传的文件,然后转存到你指定的目录,在示例程序中没有处理文件保存
6 楼 F1632923 2007-09-01  
一个新手提的问题,上传的文件到哪个目录下面去了呀?多谢
5 楼 jimichan 2007-08-29  
关于防火墙的问题,我没有测试,但目前为止我还没有碰到问题,呵呵,卡巴的问题多了去了
4 楼 会飞的狗 2007-08-29  
已经使用,感觉还不错
3 楼 sp42 2007-08-28  
确定?
之前试过一些swf进度条的uploader,感觉不错..美中不足的和我当时的卡巴有冲突,进度条一下子去100%
我翻了翻以前的记录:
引用
http://noahgenius.iteye.com/blog/66399
“as2和as3都有这个毛病:用fileReference做上传,上传进度一下子就到了100,然后过了一段时间才上传完毕。今天在网上查了这个问题,经过试验后发现原来是防火墙的原因。我用的是卡巴,上传的时候flash将数据传给卡巴,卡巴再负责上传,这样本地传数据就会很快了。”
看来是无福消受了
2 楼 jimichan 2007-08-28  
不会的吧,这个进度是在浏览器端计算出来的,不过会和浏览器端的flash版本有关
1 楼 sp42 2007-08-28  
关心一个问题:进度条会与一些防火墙有冲突吗?

相关推荐

    extjs swfupload .net 多文件带进度条上传

    【标题】"extjs swfupload .net 多文件带进度条上传"涉及的核心技术是前端的EXTJS框架、后端的ASP.NET平台以及中间的文件上传组件SWFUpload。这种组合允许用户在Web应用中实现批量文件上传并显示上传进度,提供了...

    Struts2+SWFUpload上传文件并显示进度条

    SWFUpload是一款开源的Flash文件上传组件,它允许在浏览器端实现多文件选择、文件预览、文件上传进度显示等功能。在Struts2应用中集成SWFUpload,可以解决上传文件时无进度反馈的问题,提高用户交互性。 集成步骤...

    ExtJS 3.0 调用 swfupload 制作的多附件上传组件,带进度条

    在本文中,我们将深入探讨如何使用ExtJS 3.0框架与SWFUpload库结合,创建一个具有进度条功能的多附件上传组件。这个组件通常用于Web应用中,以提供用户友好的文件上传体验,特别是在处理大量文件或者需要实时显示...

    extjs+swfupload实现多文件上传下载删除带进度条

    `SwfUpload`则是一个Flash基的文件上传组件,它可以实现在后台无刷新的情况下进行文件上传,支持多文件选择和上传进度显示。由于其使用Flash技术,所以在早期的浏览器中,`SwfUpload`能够提供比HTML5更好的兼容性。 ...

    最新swfupload文件上传

    SWFUpload 是一款著名的文件上传组件,尤其在Web开发中被广泛应用。它巧妙地结合了Flash技术和JavaScript,为用户提供了一种高效、用户友好的多文件上传解决方案。在本文中,我们将深入探讨SWFUpload的工作原理、...

    SwfUpload多文件上传演示版源码_swfuploaddemo.zip

    4. **进度条显示**:SwfUpload可以显示每个文件的上传进度,让用户了解文件上传状态,增加上传透明度。 5. **事件处理**:SwfUpload提供了丰富的事件接口,如文件选择、文件开始上传、文件上传成功、上传错误等,...

    SWFUpload+COS 上传组件+servelet 实现大附件上传

    它通过Flash技术提供了一个用户友好的界面,支持多文件选择、进度条显示以及断点续传等功能,尤其适用于处理大附件上传的情况。在与腾讯云对象存储服务(COS)结合时,可以构建出高效稳定的文件上传解决方案。 首先...

    asp.net版SwfUpload多文件上传

    4. **自定义UI**:SwfUpload的外观和行为可以通过JavaScript进行定制,开发者可以根据自己的需求调整上传按钮样式、进度条设计、错误提示等界面元素,以适应网站的整体风格。 5. **事件处理**:SwfUpload提供了丰富...

    ExtJs4.0整合Swfupload上传组件

    Swfupload是一个基于Flash的文件上传插件,它允许用户在后台批量上传文件,支持进度条显示,提高了文件上传的用户体验。Swfupload利用Flash的技术特性,可以绕过浏览器的一些限制,比如对文件大小和数量的限制,从而...

    Swfupload多文件大文件上传

    Swfupload是一个强大的JavaScript库,专门用于处理大文件和多文件的上传。它结合了Flash技术,能够在不刷新页面的情况下实现文件的异步上传,并且提供了进度条显示,提升了用户体验。在jQuery生态中,Swfupload通过...

    SWFUpload实现多文件上传

    SWFUpload是一个开源的JavaScript库,它允许网页在Flash的支持下实现高级的文件上传功能,包括多文件选择、进度条显示、预览等。在Web开发中,尤其是在处理大量图片或者文档上传时,SWFUpload提供了高效且用户体验...

    C#批量上传 进度条(包括各种上传例子)

    6. **SWFUpload**:SWFUpload是一个开源的JavaScript库,它使用Flash作为上传组件,支持多文件选择、断点续传和进度条显示等功能。开发者可以集成到自己的Web应用中,提供更好的上传体验。 7. **适用场景**:这些...

    swfupload上传多文件

    - 上传进度条:显示每个文件的上传进度,提升用户体验。 - 错误处理:提供错误回调,方便处理文件上传过程中的各种异常情况。 3. **Servlet 在多文件上传中的角色**: - Servlet 是Java Web应用中处理HTTP请求的...

    Extjs4 swfupload 多文件上传

    ExtJS4是一个强大的JavaScript组件库,用于构建富客户端应用,而SWFUpload则是一个流行的选择,用于在浏览器中实现文件上传,特别是支持多文件选择和上传。 首先,让我们了解SWFUpload的基本原理。SWFUpload是基于...

    ext struts2 swfupload 跨域文件上传

    SwfUpload是一个Flash实现的文件上传组件,它允许在浏览器端进行多文件并发上传,同时支持文件预览和进度条显示。由于Flash在处理跨域请求上有一定的优势,SwfUpload常被用于解决跨域文件上传的问题。SwfUpload通过...

    swfupload实现文件上传的轻量版

    SWFUpload 使用了Adobe Flash技术,用户在浏览器端看不到任何Flash组件,但其实它在幕后处理着文件上传的过程。用户选择文件后,SWFUpload会通过Flash插件将文件上传到服务器,同时提供JavaScript接口与HTML页面进行...

    java jquery_SWFUpload_COS上传组件的使用

    `SWFUpload`是一个开源的Flash-based文件上传插件,它支持多文件选择、文件预览、进度条显示等功能。在没有HTML5的File API时,`SWFUpload`是一个非常流行的选择,因为它可以绕过浏览器对文件大小和数量的限制。使用...

    .net多文件大文件SWFUpload上传可用

    首先,SWFUpload是一个基于Flash的文件上传组件,它支持预览、多文件选择、进度条显示等功能。由于其在浏览器端运行,可以提供友好的用户体验,尤其是在上传大文件时,用户可以监控上传进度,避免了传统表单提交时的...

    SWFupload_文件批量上传

    它通过Flash插件在浏览器端提供用户友好的界面,支持多文件选择、进度条显示、预览功能等,极大地提升了用户在上传大量文件时的体验。下面将详细探讨SWFupload的工作原理、主要特性、使用方法以及与Struts1和WebWork...

    SWFUpload_JSP_多文件上传

    SWFUpload是一个强大的JavaScript库,它允许在浏览器端实现文件的多选上传功能,而无需刷新页面。在本示例中,"SWFUpload_JSP_多文件上传"是一个使用SWFUpload与JSP(JavaServer Pages)结合的多文件上传演示项目。...

Global site tag (gtag.js) - Google Analytics