欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery.uploadify.3.2.1试用在IE9,IE10中上传文件的按钮会无法点击如何解决

程序员文章站 2022-04-04 18:07:13
以前用的是版本2.1.4,这次看见更新后就尝试了一下,发现有很多改变。 首先引入 js 和 css 当然jquery是必不可少的 接下来是代码: [javascript]v...

以前用的是版本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即可。