图片上传之uploadify插件上传

1、引入对应的css、js代码

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

2、html代码

    <input type="file" name="uploadify" id="uploadify" />
    <div id="uploadfileQueue"></div>
    <p>
      <a href="javascript:$('#uploadify').uploadify('upload')">上传</a>|
      <a href="javascript:$('#uploadify').uploadify('cancel')">取消上传</a>
    </p>

3、JavaScript代码

	$(function() {
	    var maxFileSize = 10 * 1024 * 1024;
	    $("#uploadify").uploadify({
		'height'        : 30,
		'width'		: 120,
		'swf'    	: 'lib/uploadify.swf',
		'uploader'	: 'lib/uploadify.php',
		'buttonText'	: '选择照片',  //按钮上的文字  
		'auto' 	  	: false,  //是否自动上传  
		'debug'     	: false, //开启调试 
		'multi'     	: true,  //是否支持多文件上传，默认就是true 
		'queueID'  	: 'uploadfileQueue',  //文件选择后的容器ID
		'fileObjName'	: 'fileData',//后台接收的参数，如：使用struts2上传时，后台有get,set方法的接收参数 
		'fileTypeDesc'	: '支持的格式：',//  可选择文件类型说明  
	        'fileTypeExts'	: '*.jpg;*.jpge;*.gif;*.png',  //允许上传文件的类型  
	        'fileSizeLimit'	: maxFileSize,  //文件上传的最大大小  
	        'removeTimeout'	: 1,    
	        //返回一个错误，选择文件的时候触发 
	        'onSelectError':function(file, errorCode, errorMsg){    
	            switch(errorCode) {    
	                case -100:    
	                    alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件！");    
	                    break;    
	                case -110:    
	                    alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小！");    
	                    break;    
	                case -120:    
	                    alert("文件 ["+file.name+"] 大小异常！");    
	                    break;    
	                case -130:    
	                    alert("文件 ["+file.name+"] 类型不正确！");    
	                    break;    
	            }
	        },    
	        //检测FLASH失败调用    
	        'onFallback':function(){    
	            alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");    
	        },    
	        'onSelect': function(file){  
	            $("#alertDiv").text("正在上传...");  
	            $("#alertDiv").show();  
	        },  
	        //上传到服务器，服务器返回相应信息到data里    
	        'onUploadSuccess':function(file, data, response){    
	            //var json = eval("(" + data + ")");  
	            //如需上传后生成预览，可在此操作  
	        },  
	        'onQueueComplete': function(queueData){ //队列里所有的文件处理完成后调用 
	            alert(queueData.uploadsSuccessful);  
	        }
	    });
	});