`
chinapkw
  • 浏览: 110943 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

swfupload 上传文件,带进度条 ruby on rails 应用

阅读更多

 公司的相册想要做上传文件的方案。本来用file_column 上传很容易,呵,但是要求带进度显示,并且要求可以一次上传多个文件,只要想用swf 的上传来完成,应该很容易,于是上网找了一下、

官方网站:swfupload.mammon.se/

有详细的文档说明:http://swfupload.mammon.se/documentation.php

下载地址也给出来吧:http://swfupload.mammon.se/src/1.0.2/SWFUpload-src.zip

应用是比较简单的。下面是它在application.js中的配置文件,在官司网上有详细的说明,在这我只简单写一下比较常 用的配置

var swfu;

window.onload = function() {

 swfu = new SWFUpload({
  upload_script : "/upload",    // 用于处理上传文件保存的controller,action
  target : "SWFUploadTarget", //显示swf的div id
  flash_path : "/swf/SWFUpload.swf",  //swf路 径
  allowed_filesize : 30720, // 30 MB   上传文件大小的限制
  allowed_filetypes : "*.*",  //允许文件类型
  allowed_filetypes_description : "All files...", //允许文件的描述,如*.jpg
  browse_link_innerhtml : "Browse", //显示的文件
  upload_link_innerhtml : "Upload queue",
  browse_link_class : "swfuploadbtn browsebtn",
  upload_link_class : "swfuploadbtn uploadbtn",
  flash_loaded_callback : 'swfu.flashLoaded',
  upload_file_queued_callback : "fileQueued",
  upload_file_start_callback : 'uploadFileStart',
  upload_progress_callback : 'uploadProgress',
  upload_file_complete_callback : 'uploadFileComplete',
  upload_file_cancel_callback : 'uploadFileCancelled',
  upload_queue_complete_callback : 'uploadQueueComplete',
  upload_error_callback : 'uploadError',
  upload_cancel_callback : 'uploadCancel',
  auto_upload : true    //是否自动上传,
 });
 
};

其实看他的命名,基本也知道什么意思了 。呵

分享到:
评论
2 楼 simon_lin 2007-08-24  
我也想知道,谁能贴个例子:)
1 楼 wiwolf 2007-08-06  
怎么用的?请给个EXAMPLE

相关推荐

    swfupload多文件上传带进度条实例

    **SWFUpload 多文件上传带进度条实例详解** SWFUpload 是一款开源的JavaScript库,专门用于在网页上实现文件的多选上传,并且支持显示上传进度条,为用户提供更好的交互体验。在这个实例中,我们将探讨如何在VS2012...

    ASP.NET SWFUpload多文件带进度条上传

    在这个特定的场景中,我们讨论的是如何使用SWFUpload库在ASP.NET环境中实现多文件的带进度条上传功能。SWFUpload是一个开源的Flash组件,它允许用户在后台无刷新的情况下进行文件上传,特别适用于大文件上传,同时...

    完美的SwfUpload 上传,显示进度条

    在C# ASP.NET环境中,确保正确处理Multipart/FormData请求是非常重要的,因为这是SwfUpload上传文件所采用的格式。后端代码需要解析这些数据,提取出文件内容并保存到合适的目录下。同时,考虑到安全性,需要对上传...

    swfupload多文件上传带进度条javaweb项目

    总结,这个"swfupload多文件上传带进度条javaweb项目"提供了完整的文件上传解决方案,结合SwfUpload的强大力量,可以轻松实现批量文件上传并显示进度,对于开发高效、友好的Web应用具有很高的参考价值。通过深入研究...

    swfupload实现带有进度条的文件上传

    在本文中,我们将深入探讨如何利用SwfUpload与jsp、Java Servlet相结合,实现一个带有进度条的文件上传功能。 首先,SwfUpload的工作原理是利用Flash的异步通信能力,它在后台与服务器进行数据交换,用户可以通过...

    基于swfupload的上传实例带进度条

    总的来说,基于SwfUpload的上传实例结合进度条和仿QQ邮箱附件效果,是一个优秀的文件上传解决方案,尤其适合需要大量文件交互的Web应用。通过合理地利用其提供的API和事件机制,开发者可以创建出高效、友好的文件...

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

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

    swfupload 异步上传文件,支持进度条上传

    综上所述,SwfUpload是一个强大的异步文件上传工具,它通过Flash技术实现了文件上传的进度条显示,提供了良好的用户体验。随着技术的发展,开发者在使用SwfUpload时,也应关注HTML5等现代技术,以适应不断变化的...

    swfupload多文件上传并带有进度条

    SWFUpload是一个经典的JavaScript库,它允许用户在Web页面上实现多文件上传功能,并且具有文件上传进度条显示。这个库特别适用于那些需要处理大量文件上传或者需要展示上传进度的Web应用。以下是对该技术的详细说明...

    swfupload多选批量带进度条文件上传,批量删除

    SwfUpload是一款强大的JavaScript文件上传组件,它支持多选、批量上传,并且具有进度条显示功能,极大地优化了用户在网站上上传文件的体验。在本文中,我们将深入探讨SwfUpload的工作原理、主要功能以及如何实现批量...

    swfupload实现的带进度条批量上传2.0(.net版)

    这是我第二次用swfupload写文件上传了,希望大家多给点意见,这一次用了jQuery也重构了上传类。 主要功能: 1、批量添加,批量上传; 2、上传成功后可批量修改图片描述; 3、浏览器兼容(IE6,7,8,9,FF) 4、友好的界面

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

    通过这种方式,我们可以在Struts2应用中实现文件的快速上传,并且提供直观的进度条反馈,让用户了解文件上传的状态,从而提高应用的易用性。在实际开发过程中,还需要注意兼容不同浏览器,因为Flash在某些现代浏览器...

    ajax 无刷新上传文件带进度条

    在现代Web应用中,用户界面的流畅性和交互性至关重要,"Ajax无刷新上传文件带进度条"技术就很好地满足了这一需求。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不重新加载整个页面的...

    ExtJS4多文件上传,带进度条及管理

    总之,"ExtJS4多文件上传,带进度条及管理"是Web开发中的高级功能,它结合了ExtJS4的组件化开发优势和swfupload的高效上传能力,为用户提供了一流的文件上传体验。开发者需要掌握相关技术和API,才能灵活地实现这一...

    web 大文件上传 带进度条

    本项目"web 大文件上传 带进度条"显然是针对这个需求提供的一种解决方案,通过ASP.NET技术实现。 首先,我们来分析一下项目中的主要文件: 1. `Default.aspx` 和 `upload.aspx`:这两个是ASP.NET的页面文件,分别...

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

    本篇将详细讲解如何利用`ExtJS`和`SwfUpload`来创建一个支持多文件上传、下载和删除,并带有进度条显示的系统。 `ExtJS`是一个基于JavaScript的UI框架,它提供了丰富的组件库和强大的数据绑定机制,可以构建出复杂...

    swfupload+fileupload文件批量上传,带进度条百分比显示

    在描述中提到的项目,显然利用了SWFUpload与FileUpload的组合,来实现带有进度条百分比显示的文件批量上传功能,并且可以在Eclipse环境中直接运行,这通常意味着该项目是一个基于Java的Web应用。 1. **SWFUpload...

    SwfUpload 多文件上传

    SwfUpload 是一款开源的Flash上传组件,它允许用户在网页上实现多文件上传功能,尤其适用于需要大文件上传或批量上传的场景。这个技术在Web开发中被广泛应用,因为它可以提供比传统HTML表单上传更好的用户体验。...

    MVC下带进度条的swfupload大文件上传

    在这个场景中,我们将讨论如何在MVC框架下实现一个带进度条的SWFUpload大文件上传功能。 SWFUpload是一款开源的Flash上传组件,它支持多文件选择、预览、进度条显示等功能,特别适合处理大文件上传。由于Flash插件...

    java实现带进度条的文件上传

    本示例“java实现带进度条的文件上传”提供了一个完整的解决方案,结合了HTML、Servlet以及swfupload库,来实现用户友好的文件上传体验,包括实时显示的进度条。 1. **HTML**:HTML是网页的基础,用于构建用户界面...

Global site tag (gtag.js) - Google Analytics