提升文件上传体验:SWFUpload中文版功能与优势

需积分: 9 1 下载量 162 浏览量 更新于2024-07-23 收藏 227KB PDF 举报
SWFUpload中文版手册是一份详细的指南,介绍了一个强大的客户端文件上传工具,由Vinterwebb.se开发,旨在提升传统浏览器中文件上传体验。该工具巧妙地结合了Flash和JavaScript技术,提供了多种关键功能,使得用户能够在没有页面刷新的情况下选择多个文件进行上传,并实时显示上传进度,确保了良好的浏览器兼容性和与主流JavaScript库(如jQuery和Prototype)的命名空间兼容。 在设计上,SWFUpload打破了传统模式,将用户界面(UI)的定制权交给了开发者。开发者可以利用XHTML、CSS和JavaScript创建符合自己网站风格的上传组件,通过调用SWFUpload提供的简单事件接口,实时更新上传状态,以优化用户体验。 在SWFUpload v2版本中,引入了一系列高级特性,增强了稳定性和用户体验。它解决了Flash Player 10的安全限制问题,允许在上传文件的同时发送额外的POST数据,针对每个文件提供单独的数据发送选项。此外,它提供了更为直观的事件回调,使得开发者可以动态修改上传设置,以及接收服务器返回的数据。非取消式的停止上传功能和自定义上传顺序使得管理文件上传流程更加灵活。同时,它支持单文件或多文件的选择,设置了文件数量、大小的限制,并对0字节文件的处理进行了优化。 总体而言,SWFUpload中文版手册不仅详细介绍了基础功能,还涵盖了如何充分利用其高级特性的技术细节,对于前端开发者和需要优化文件上传体验的网站来说,这是一份不可或缺的参考资料。无论是初次接触的开发者还是经验丰富的技术专家,都能从中找到有价值的信息,提高自己的Web开发技能。
2015-06-23 上传
SWFUpload控件使用 简介 SWFUpload是一个客户端文件上传工具,主要特点是: 能够完成多文件。 实现无刷新页面上传。 随时空中上传进度。 可以与其他库进行兼容。 支持Flash9及以上版本。 使用SWFUpload进行上传的页面如下: 使用方法 使用SWFUpload需要一些Js和DOM知识。 SWFUpload由4部分组成: 用于进行初始化和设置的 Js文件 一个Js库:SWFUpload.js Flash控件: swfupload.swf JavaScript事件处理程序 下面分别介绍这4个部分 初始化和设置 初始化通常在window.onload事件中进行,通过SWFUpload的构造函数来完成。 方法一: 复制代码 var swfu; window.onload = function () { swfu=new SWFUpload({ upload_url:"http://www.swfupload.org/upload.php", flash_url:"http://www.swfupload.org/swfupload.swf", file_size_limit:"20 MB" }); }; 复制代码 方法二: 复制代码 var swfu; window.onload = function () { var settings_object={ upload_url:"http://www.swfupload.org/upload.php", flash_url:"http://www.swfupload.org/swfupload.swf", file_size_limit:"20 MB" }); swfu=new SWFUpload(settings_object); }; 复制代码 JavaScript库 swfupload.js文件必须在网页中被引用 <script type="text/javascript" src="swfupload/swfupload.js"></script> Flash控件 该控件必须在初始化时被动态加载。 事件处理程序 开发人员必须创建一个JavaScript函数处理SWFUpload事件。 完整示例 1. 首先,将所有的文件放到项目当中,如图 2. 在网页文件中,引入所有需要的文件,如下 <script type="text/javascript" src="swfupload/swfupload.js"></script> <script type="text/javascript" src="js/swfupload.queue.js"></script> <script type="text/javascript" src="js/fileprogress.js"></script> <script type="text/javascript" src="js/handlers.js"></script> 3. 编写脚本,对SWFUpload进行初始化设置,设置一些基本的参数。 4. 完成上传部分的html 5. 在upload.aspx.cs中对上传的文件进行处理 这样,就完成了使用SWFUpload控件的所有步骤。 备注 除了最基本的功能以外,本控件还有很多灵活的功能让开发人员自行使用。其中比较常用到的是handlers.js文件中定义的大量的上传过程的事件,例如 fileDialogComplete(numFilesSelected, numFilesQueued) uploadStart(file) uploadProgress(file, bytesLoaded, bytesTotal) uploadSuccess(file, serverData) uploadComplete(file) uploadError(file, errorCode, message) fileDialogStart() 等等 这些事件开发人员都可以根据自己的需要进行修改,使用起来非常方便。