ajaxupload控制客户端上传到使用strus2控制层服务器

首先在页面上添加 valums-ajax-upload-6f977de支持

添加ajaxupload.js 到指定文件并引入

同时要引入jquery.js

首先要对使用的按钮添加选择文件的事件在页面初始化时对指定的按钮添加该事件

//ajax文件上传
$(document).ready(function(){

//取名字是jreportName的所有input标签并添加上传事件
$("input:[name=jreportName]").each(function(){
   new AjaxUpload(this, {
   action: '<%=path%>/manager/toUploadReportFile.do?',
   name: 'uploadFile',
   onSubmit : function(file, ext){
    var bid= this._button.id;
    var bianhao=bid.split("jreportName_")[1];
          var batchTxts =document.getElementById("batchTxt_"+bianhao).innerHTML ;
          var commodityIds=document.getElementById("commodityId").value
          var validityDates=document.getElementById("validityDate_"+bianhao).innerHTML;
          this.setData({
       'batchTxt':batchTxts,
      'commodityId': commodityIds,
      'validityDate':validityDates

      });
    this.disable();
   },
   onComplete: function(file, response){
       if(response=='fail'){
         alert('上传文件大小超过限制60M 出错错误');
         this.enable();
         return;
       }
    this.enable();
    var bid= this._button.id;
       var bianhao=bid.split("jreportName_")[1];
       document.getElementById("number_"+bianhao).innerHTML=file;
       document.getElementById("realTestUrl_"+bianhao).innerHTML=file;
       document.getElementById("number_"+bianhao).href="javascript:showTestReportContent('"+response+"','realTestUrl_"+bianhao+"')";
   }
  });

});
});

由于不能用javascrip去控制文件的大小我们使用strust2的控制机制

在struts.properties中添加一行

struts.multipart.maxSize=62914560

表示最大上传大小是60M 默认是2M 这里必须用字节来表示

如果仅仅这样做就运行那么当文件超过60M时就会出现 js无法获取回调此时后台抛出错误

前台ie也抛出错误说没有权限此时我们需要去捕捉这个错误

从strut2着手如果出现错误struts2 默认是调转到 result 名称为input的页面定义一个error.jsp

error.jsp中就只写 fail这个字符串不需要其他的

在action配置添加

此时在onComplete 函数中如果response返回的是fail就说明跳转到 error。jsp中去了

就说明文件超出限制弹出文件大小超出限制的提示

强调这里用的是ajax上传文件不是普通的表单流