webuploader是非常好用的文件上传工具,支持HTML5和flash方式上传文件,并可以对文件的类型,大小等进行限定。但是在兼容IE9时需注意一下几点:
1、实例化时:
var uploader = WebUploader.create({
// swf文件路径
swf: 'you_file_path/Uploader.swf',
// 文件接收服务端。
server: '/',
// 内部根据当前运行是创建,可能是input元素,也可能是flash.
pick: '#picker',
auto: true,
// 只允许选择压缩文件。
accept: {
title: 'rar',
extensions: 'rar,zip,gzip',
mimeTypes: 'rar/*'
},
//限制文件大小
fileSingleSizeLimit:100*1024*1024, //5M
});
在兼容IE9时一定要加上swf,因为在IE下是使用flash上传的,不然会出现点击“选择文件上传”按钮时无反应。
2、切勿对pick 使用.hide()方法,这样会导致
uploader.on( 'fileQueued', function( file ) {})这个监听的对象为空,从而报错。
3、在这些都没有问题的情况下,点击按钮还是没反应,但是按F12后,可以正常运行,是因为在程序中使用的console.log。这个命令需要打开控制才能执行,所以将这些
console.log去掉就行了。