jQuery Multiple File Upload Plugin 使用方法

本文介绍了一种使用jQuery MultiFile及uploadify实现的多文件上传功能配置方法,支持多种文件类型,可设置最大上传数量及文件大小限制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

官方主页:http://www.uploadify.com/demo/

<script type="text/javascript" src="plus/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="plus/multiplefileupload/jquery.MultiFile.js"></script>
<input type='file' id='myfileupload' />

<script type="text/javascript">
$(function() {
$('#myfileupload').MultiFile({
max: 5,
accept: 'gif|jpg|png|bmp|swf',
STRING:{
remove:"[删除]",
selected: 'Selecionado: $file',
denied: '不支持上传 $ext 格式的文件!',
duplicate: '文件已经在上传列表中: $file'
}
});
});
</script>

注意,input控件中不要加class="multi",否则初始化函数不起作用。

====================================================

最新修改版本(自用)

<script type="text/javascript" src="plus/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="plus/uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript" src="plus/uploadify/swfobject.js"></script>

   $(function(){
$("#myfileupload").uploadify({
'uploader':"plus/uploadify/uploadify.swf",
'script':"plus/uploadify/soupload.asp", //如果要传变量的话可以这样:soupload.asp?id=28
'cancelImg':"plus/uploadify/cancel.png",
'auto':true,
'folder':"/uploads",
'multi':true,
'fileDesc': "jpg,png,doc,docx,rar,zip,ppt,pptx,7z,txt,trf",
'fileExt': "*.jpg;*.png;*.doc;*.docx;*.rar;*.zip;*.ppt;*.pptx;*.7z;*.txt;*.rtf",
'sizeLimit':1000000,
'simUploadLimit':5,
'buttonImg': "plus/uploadify/bg_upload.png",
'width':145,
'height':50,
            'onComplete':function(){$(".attachmentlist").load("ajaxpro/attachment_list.asp?q=ajaxpro&username="+'<%=login_username %>');
});
});

剑冢原创,转载请注明出处。

jQuery File Upload 是一个 jQuery 图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。 特征: 1、多文件上传: 允许一次选择多个文件并同时上传。 2、拖放支持: 允许通过从桌面或文件管理器中将文件拖放到浏览器窗口中来上传文件。 3、上载进度条: 显示一个进度条,指示单个文件和所有组合上载的上载进度。 4、可取消的上传: 可以取消单个文件的上传以停止上传进度。 5、可恢复的上传: 可以使用支持Blob API的浏览器恢复中止的上传。 6、批量上传: 大型文件可以使用支持Blob API的浏览器以较小的块上传。 7、客户端图像调整大小: 可以使用支持所需JS API的浏览器在客户端上自动调整图像大小。 8、预览图像,音频和视频: 使用支持所需API的浏览器上载之前,可以显示图像,音频和视频文件的预览。 9、无需浏览器插件(例如Adobe Flash): 该实现基于HTML5和JavaScript等开放标准,并且不需要其他浏览器插件。 10、旧版浏览器的优美回退: 如果支持,则通过XMLHttpRequests上传文件,并使用iframe作为旧版浏览器的回退。 11、HTML文件上传表单后备: 通过使用标准HTML文件上传表单作为小部件元素,可以逐步增强功能。 12、跨站点文件上传: 支持使用跨站点XMLHttpRequest或iframe重定向将文件上传到其他域。 13、多个插件实例: 允许在同一网页上使用多个插件实例。 14、可自定义和可扩展: 提供API来设置各个选项并为各种上传事件定义回调方法。 15、分段和文件内容流的上传: 可以将文件作为标准的“分段/表单数据”或文件内容流(HTTP PUT文件上传)进行上传。 16、与任何服务器端应用程序平台兼容: 支持标准HTML表单文件上传的任何服务器端平台(PHP,Python,Ruby on Rails,Java,Node.js,Go等)均可使用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值