多文件选择上传jquery插件

  发一个支持多文件选择,可以过滤文件类型的纯js(非flash来实现)jquery插件jquery.multiFiles.js。多文件选择需要IE10+和其他标准浏览器,如chrome,firefox才支持。IE9-不支持multiple属性,或者移动端不支持multiple多选择文件时,只能一个一个选择,效果如下

多文件选择上传jquery插件

  多文件选择上传jquery插件jquery.multiFiles.js有2个方法,reset和setExt。reset用于重置插件UI,删除已经选中的文件。setExt动态修改允许上传的文件类型及可以同时上传的文件数量(默认30个)。

//method:方法名称,reset或者setExt
//fnexts:为setExt方法时,允许上传的文件名后缀,多个用英文状态下的逗号隔开
//pmax:为setExt方法时,允许上传的最大文件个数,默认为30个
$.fn.multiFiles = function (method,fnexts,pmax) {
//.....
}

  多文件选择上传jquery插件DEMO

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js"></script>
<script src="/demo/multiFiles/jquery.multiFiles.js"></script>
<div name="upfile" ext="jpg,png,doc,docx" max="30"></div>
<script>
    $('div[ext]').multiFiles()
</script>

  点击这里下载多文件选择上传jquery插件jquery.multiFiles.js

  支持multiple多选文件,文件如何保存参考这个:asp.net file控件multiple保存文件示例

加支付宝好友偷能量挖...


原创文章,转载请注明出处:多文件选择上传jquery插件

评论(0)Web开发网
阅读(1609)喜欢(2)JavaScript/Ajax开发技巧