uploadify插件实现文件多媒体文件上传（spring mvc）

不多说，这段代码网上实例很多，上代码

jsp 页面部分：

<script>
$(document).ready(function() {
    $("#cgbg_upload").uploadify({
      'swf' : 'app/js/uploadify/uploadify.swf',//控件flash文件位置
  //后台处理的请求（也就是action请求路径），后面追加了jsessionid，用来标示使用当前session（默认是打开新的session，会导致存在session校验的请求中产生302错误）
  	  'uploader' : 'rest/report/cgbgUpload?caselsh='+surveycaselsh,
      'queueID' : 'queue',//与下面HTML的div.id对应  
      'width' : '100',//按钮宽度
      'height' : '32',//按钮高度
      'fileTypeDesc' : '指定类型文件',
      'fileTypeExts' : '*.pdf',//控制可上传文件的扩展名，启用本项时需同时声明fileDesc 
      'fileObjName' : '"uploadify"',
      'buttonText' : '上传成果报告',//上传按钮显示内容，还有个属性可以设置按钮的背景图片
      'fileSizeLimit' : '1000000KB',
      'multi' : true,
      'overrideEvents' : [ 'onDialogClose', 'onUploadSuccess', 'onUploadError', 'onSelectError' ],//重写默认方法
      'onFallback' : function() {//检测FLASH失败调用
        alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
      },
  //以下方法是对应overrideEvents的重载方法，具体实现是网上找到的一个别的朋友的代码，
  //我把这些方法抽到了一个自定义js中，我会在最后面贴出来
   	  'onSelect' : uploadify_onSelect,
      'onSelectError' : uploadify_onSelectError,
      'onUploadError' : uploadify_onUploadError,
      'onUploadSuccess' : uploadify_onUploadSuccess 
    });
    
    $("#chtz_upload").uploadify({
        'swf' : 'app/js/uploadify/uploadify.swf',//控件flash文件位置
    //后台处理的请求（也就是action请求路径），后面追加了jsessionid，用来标示使用当前session（默认是打开新的session，会导致存在session校验的请求中产生302错误）
    	  'uploader' : 'rest/report/chtzUpload?caselsh='+surveycaselsh,
        'queueID' : 'queue',//与下面HTML的div.id对应  
        'width' : '100',//按钮宽度
        'height' : '32',//按钮高度
        'fileTypeDesc' : '指定类型文件',
        'fileTypeExts' : '*.png;*.jpg',//控制可上传文件的扩展名，启用本项时需同时声明fileDesc 
        'fileObjName' : '"uploadify"',
        'buttonText' : '上传测绘图纸',//上传按钮显示内容，还有个属性可以设置按钮的背景图片
        'fileSizeLimit' : '1000000KB',
        'multi' : true,
        'overrideEvents' : [ 'onDialogClose', 'onUploadSuccess', 'onUploadError', 'onSelectError' ],//重写默认方法
        'onFallback' : function() {//检测FLASH失败调用
          alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
        },
    //以下方法是对应overrideEvents的重载方法，具体实现是网上找到的一个别的朋友的代码，
    //我把这些方法抽到了一个自定义js中，我会在最后面贴出来
     	  'onSelect' : uploadify_onSelect,
        'onSelectError' : uploadify_onSelectError,
        'onUploadError' : uploadify_onUploadError,
        'onUploadSuccess' : uploadify_onUploadSuccess 
      });
  });
</script>

页面部分：

<div>
 <div id="queue"></div>
  <input id="cgbg_upload" name="cgbg_upload" type="file" multiple="true"/>
  <input id="chtz_upload" name="chtz_upload" type="file" multiple="true"/>
</div>

controller层控制层代码

 @RequestMapping(value = "cgbgUpload")
	 @ResponseBody
	 public String cgbgUpload(MultipartRequest request, HttpServletResponse response,String caselsh) {
	    //我试了一下虽然每个文件是分别上传的 但此处还要用Map来获取
	    Map<String,MultipartFile> fileMap = request.getFileMap();
	    for(String key : fileMap.keySet()){
	      MultipartFile mFile = fileMap.get(key);
	      try{
	        	reportService.uploadPDF(mFile,"cgbg",caselsh);
	        }catch (Exception e) {
	            System.out.println("文件上传失败");
	            throw new SurveyServiceException("文件上传异常", e);
	        }
	      //业务操作代码 begin
	      //业务操作代码 end
	    }
	    return "success";//返回给前台的提示信息
	  }

简单来说，就是前台传送图片，后台用MultipartRequest来接收文件，文件拿到了具体的操作就不是重点了，看个人情况而定

另外使用uploadify如果用到加载成功什么的特效，可以自己修改Js代码

下面是参考了网上的代码之后更改的代码

var uploadify_onSelectError = function(file, errorCode, errorMsg) {
  var msgText = "上传失败\n";
  switch (errorCode) {
  case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
    // this.queueData.errorMsg = "每次最多上传 " +
    // this.settings.queueSizeLimit + "个文件";
    msgText += "上传的文件数量已经超出系统限制的" + $('#file_upload').uploadify('settings', 'queueSizeLimit') + "个文件！";
    break;
  case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
    msgText += "文件 [" + file.name + "] 大小超出系统限制的" + $('#file_upload').uploadify('settings', 'fileSizeLimit') + "大小！";
    break;
  case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
    msgText += "文件大小为0";
    break;
  case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
    msgText += "文件格式不正确，仅限 " + this.settings.fileTypeExts;
    break;
  default:
    msgText += "错误代码：" + errorCode + "\n" + errorMsg;
  }
  alert(msgText);
};

var uploadify_onUploadError = function(file, errorCode, errorMsg, errorString) {
  // 手工取消不弹出提示
  if (errorCode == SWFUpload.UPLOAD_ERROR.FILE_CANCELLED || errorCode == SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED) {
    return;
  }
  var msgText = "上传失败\n";
  switch (errorCode) {
  case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
    msgText += "HTTP 错误\n" + errorMsg;
    break;
  case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:
    msgText += "上传文件丢失，请重新上传";
    break;
  case SWFUpload.UPLOAD_ERROR.IO_ERROR:
    msgText += "IO错误";
    break;
  case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
    msgText += "安全性错误\n" + errorMsg;
    break;
  case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
    msgText += "每次最多上传 " + this.settings.uploadLimit + "个";
    break;
  case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
    msgText += errorMsg;
    break;
  case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:
    msgText += "找不到指定文件，请重新操作";
    break;
  case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
    msgText += "参数错误";
    break;
  default:
    msgText += "文件:" + file.name + "\n错误码:" + errorCode + "\n" + errorMsg + "\n" + errorString;
  }
  alert(msgText);
}

var uploadify_onSelect = function() {

};
//文件上传成功之后回调函数
var uploadify_onUploadSuccess = function(file, data, response) {
};

var uploadify_onQueueComplete = function(){
  alert("全部完成-->并展示提示信息");
}

实际上做编程，很多时候还是需要参考别人的代码的，至少比自己写的要更加全面和详细，博学才能多才