jquery.uploadify.3.2.1试用在IE9,IE10中上传文件的按钮会无法点击如何解决
以前用的是版本2.1.4,这次看见更新后就尝试了一下,发现有很多改变。
首先引入 js 和 css
当然jquery是必不可少的
接下来是代码:
[javascript]view plaincopy
//文件上传
$(function(){
$("#uploadify").uploadify({
'auto':false,
'method':"post",
'height':'20',
'width':'100',
'swf':'uploadify.swf',
'uploader':'<%=basePath%>/contract/fileUpload.action',
'fileTypeDesc':'格式:txt,xls,xlsx,doc,docx',//描述
'fileTypeExts':'*.txt;*.xls;*.xlsx;*.doc;*.docx;*.zip',//文件类型
'fileSizeLimit':'10000KB',//文件大小
'buttonText':'选择文件',//按钮名称
'fileObjName':'uploadify',
'successTimeout':'5',
'requeueErrors':false,
'removeTimeout':'1',
'removeCompleted':true,
'onUploadSuccess':function(file,data,response){
varattach=eval('('+data+')');
$("#fileTable").show();
varaddHtml=""+
""+
"/attach/downloadAttach.action?attachId="+attach.id+"'>"+attach.filename+"."+attach.fileextname+""+
""+
""+attach.filesize+""+
""+attach.uploaddate+""+
"/attach/downloadAttach.action?attachId="+attach.id+"'id='"+attach.id+"'>下载"+
"取消"+
"";
$("#fileBody").append(addHtml);
}
});
});
其中onUploadSuccess为成功上传后的回调函数 file 为上传的文件,可通过file.name 获取文件名 size 可获取大小
data 为后台reponse输出的字符串,上例中输出的是 json 对象,故使用eval 进行转换
response 为 结果 true or false,具体可参考官方文档。
[javascript]view plaincopy
文件名
大小(k)
上传时间
操作
可以看到初始化中的很多属性都变化了,还包括上传操作的函数名称等等。
其次,还有一个问题,该控件在IE9中 上传文件的按钮会无法点击,初步查看可能是由于flash 的问题 引起,百度后发现 修改源码js 中的 classid即可。