使用jQuery uploadify实现无刷新上传

本文主要介绍了如何使用jQuery插件uploadify实现无刷新文件上传功能，作者在研究无刷新上传时发现uploadify是一个不错的选择，相较于SWFUpload，uploadify提供了更简便的使用方式。尽管官方提供的开发包是针对PHP的，但通过理解其工作原理，可以轻松地将其应用于.NET环境中。 在使用uploadify之前，作者提到了园子里的文章多使用的是旧版本v2.1.0，而他下载的是v3.1版，这意味着参数和调用方式有所变化。幸运的是，官方提供了帮助文档来适应新的版本。 在实际应用中，首先需要将从官网下载的开发包引入项目，简化后的项目结构主要包括必要的CSS和JS文件。接着，需要在HTML头部引用这些文件，特别要注意jQuery库应先于uploadify.js加载。 在Default.aspx页面中，利用jQuery的DOM准备完成事件(function() {...})来初始化uploadify插件。配置项包括设置SWF文件路径('swf')、后台处理页面('uploader')、按钮文本('buttonText')、文件类型('fileTypeDesc')等。例如： ```javascript $(function() { $("#uploadify").uploadify({ 'swf': 'js/uploadify/uploadify.swf', 'uploader': 'UploadHandler.ashx', 'buttonText': '浏览文件', 'fileTypeDesc': '选择图片', 'fileTypeExts': '*.jpg;*.jpeg;*.png;*.gif', // 其他配置项... }); }); ``` 此外，uploadify还支持各种回调函数，如'onSelect'（选中文件时触发）、'onUploadSuccess'（文件上传成功后触发）等，允许开发者自定义上传过程中的行为。 通过这种方式，uploadify能够实现在不刷新页面的情况下进行文件上传，提供良好的用户体验。虽然.NET版本的示例较少，但理解了基本原理后，开发者可以根据PHP示例进行相应的改编，使其适应.NET环境。这种“知其所以然”的态度对于解决类似问题至关重要。