javascript代码实例教程-jquery.uploadify.3.2.1试用在IE9,IE10中上传文件的按钮会无法点击如何解决

发布时间:2018-12-29 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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即可。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦!&nbsp;js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquery.uploadify.3.2.1试用在IE9,IE10中上传文件的按钮会无法点击如何解决全部内容,希望文章能够帮你解决javascript代码实例教程-jquery.uploadify.3.2.1试用在IE9,IE10中上传文件的按钮会无法点击如何解决所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。