JQuery上传插件Uploadify

前几天想要实现一个上传时显示进度条的效果，然后发现了这个插件，现记录一下。

官网地址：http://www.uploadify.com/

在官网下载一个版本，我用的是Flash版本的

在JSP中引入几个文件：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/uploadify.css">

JS代码：

<script type="text/javascript">
		$(document).ready(function(){
			$("#file_upload").uploadify({
				'fileObjName' : 'file',
				method : 'post',
				width : 120,
				height : 30,
				swf : 'uploadify/uploadify.swf',
				uploader : 'upload',
				'onUploadStart' : function(file) {
		            alert('Starting to upload ' + file.name);
		        } ,
				'onUploadSuccess' : function(file, data, response) {
			        alert('The file was saved to: ' + data);
			    }
			});
		});
		
	</script>

 <h1>Uploadify Demo</h1>
    <form>
        <div id="queue"></div>
        <input id="file_upload" name="file_upload" type="file"/>
    </form>

这样就可以简单的使用了。

主要是JS代码，官网上介绍很详细：http://www.uploadify.com/documentation/

这篇博客有中文讲解，（讲的不是最新的版本）：http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html