手记

上传组件Uploadify

         环境相关信息:Jquery + EasyUI+ Uploadify 3.1 +Jsp + ServletUploadify 第二次打开,总是不停的报脚本错误,无法上传找到下面这个比较拙劣的方法,使用Uploadify 3.1 方法 'destroy' 解决脚本错误,IE失去响应的问题;<div id="upFileWin" class="easyui-window" closed="true" modal="true" title="上传文件" style="width:360px;height:200px;">
        <input type="file" name="fileInput" id="fileInput" />
        <input type="button"    onclick="javascript:$('#fileInput').uploadify('upload','*');" value="上传文件"/> 
</div>
/**
* 上传文件
*/
// 判断是否第一次加载uploadify 
var file_flag = false;
function uploadResFile(){
  //获取被选中的资源id; easyui的datagrid,行选择事件;
  var selected = $('#resTable').datagrid('getSelected');
  var resId ="";
  if(selected!=null){
    var resId = selected.resourceId;
    //alert("resId=" + resId);
  }else{
    alert("请选择资源");
    return false;
  }
  if(file_flag){
    $('#fileInput').uploadify('destroy');
  }
  
  //将声明的普通上传控件与Uploadify插件绑定      
  $('#fileInput').uploadify ({    
    'swf': '../js/uploadify/uploadify.swf',          //指定上传控件的主体文件,默认‘uploader.swf’    
    'uploader': '../servlet/iims.web.session.UploadResFileServlet?resId='+resId+'&editType=upload&randomd=' + (new Date()).getTime(), //指定服务器端上传处理文件
    'cancelImg':'../js/uploadify/uploadify-cancel.png',
    'auto': false,            //选定文件后是否自动上传,默认false    
    'buttonText':'选择文件',
    'fileObjName':'Filedata',
    //'fileSizeLimit': 1024000,          //控制上传文件的大小,单位byte    
    'fileTypeExts':'*.jpg;*.png;*.doc;*.docx;*.xlsx;*.xls;*.ppt;*.pptx;*.pdf;*.txt',
    'fileTypeDesc':'All Files',
    //'multi': false,          //是否允许同时上传多文件,默认true
    'progressData':'all',
    //'uploadLimit':'5',
    'onUploadSuccess' : function(file,data,response){          //上传完成时触发(每个文件触发一次)
      $('#fileListTable').datagrid('reload');
      //alert( '文件名:' + file.name + '; 文件大小:' + file.size  + 'kb; ' + data);
      //$('#upFileWin').window('close');
    },
    'onFallBack':function(){
      alert("没有兼容的Flash!");
    }
  });
  $('#upFileWin').window('open');
  file_flag= true;
}

0人推荐
随时随地看视频
慕课网APP