200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 基于jquery的上传插件Uploadify

基于jquery的上传插件Uploadify

时间:2024-04-10 08:20:01

相关推荐

基于jquery的上传插件Uploadify

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的基于jquery的上传插件Uploadify,希望大家看完后能赶快学习起来。

无论是做Web产品还是Web项目,文件上传是经常要用到的功能。以前经常听到做项目的同事抱怨:这款文件上传控件功能强大但是用起来麻烦,最简单的input上传使用方便但是功能太简单(例如不支持多文件),外观也不尽如人意。之后我一直留意网上的上传控件,最近看到一款基于jquery的上传插件Uploadify无论在功能、外观、可用性和扩展性上都有不错表现,于是研究了一番,介绍给大家。

简介

Uploadify简单说来,是基于Jquery的一款文件上传插件。它的功能特色总结如下:

支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java通过参数可配置上传文件类型及大小限制 通过参数可配置是否选择文件后自动上传 易于扩展,可控制每一步骤的回调函数(onSelect, onCancel) 通过接口参数和CSS控制外观 更多

相关链接

Uploadify主页地址: 在该页面你可以了解到关于他的更多内容。

Uploadify在线演示:

Uploadify配置参数及接口文档:

Uploadify插件下载地址:

使用方法

下载插件安装包后,可以看到里面的几个主要文件:(完成上传功能的脚本文件,在调用页面引用)、(外观样式表)、(上传控件的主体文件,控件)、(服务器端处理文件,官方仅提供了版的) 引用了插件文件后,在页面中做如下调用:

//声明一个普通的html文件上传控件,并指定idinput type="file" name="fileInput" id="fileInput" /

//将声明的普通上传控件与Uploadify插件绑定script type="text/javascript"$(document).ready(function() {$(#fileInput).fileUpload ({//以下参数均是可选uploader : uploader.swf, //指定上传控件的主体文件,默认‘&\: upload.php, //指定服务器端上传处理文件,默认‘&\ : cancel.png, //指定取消上传的图片,默认‘&\ : true, //选定文件后是否自动上传,默认falsefolder: /uploads //要上传到的服务器路径,默认‘/’muti : true, //是否允许同时上传多文件,默认falsefileDesc : ar文件或zip文件 //出现在上传对话框中的文件类型描述fileExt : *.rar;*.zip, //控制可上传文件的扩展名,启用本项时需同时声明fileDescsizeLimit: 86400 //控制上传文件的大小,单位bytesimUploadLimit :5 //多文件上传时,同时上传文件数目限制});});/script 上面列出了我认为常用的配置选项,此外还有很多参数可配置,参考官方文档

通过调用相关功能函数,声明功能按钮。

例如声明上传功能按钮(自动上传时不需要):

a href="javascript:$(#fileInput).fileUploadStart();"上传文件/a

声明取消多文件上传时上传队列:

a href="javascript:$(#fileInput).fileUploadClearQueue();"取消上传队列/a

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。