在前端开发中,文件上传是必不可少的功能之一。而jQuery插件uploadify可以实现无刷新上传,给用户带来更好的体验。
uploadify基本使用方法
- 引入jQuery和uploadify插件的js和css文件
---- -------- --- ------- ---------------------------------------------------------------------------- ---- ------------------ --- ----- ---------------- --------------- --------------------- ------- ---------------------- ---------------------------------------
- 编写HTML代码,添加一个文件选择框和一个上传按钮
------ ----------- ------------------ ---------------- -- -- --------------------------------------------------------------
- 使用jQuery初始化uploadify
------------ - ----------------------------- ------ ----------------- -- ------------------ ----------- -------------- -- -------------- ------------ ------------------------ -- --------- -------- ------ -- ---------- ------- ----- -- ------ -------------- - ------ ------- -- ------ -------------- - ------- ------ ------- -- --------- ---------------- ------ -- ----------- ------------- ------- -- -------- ------------------ -------------- ----- --------- - -- ---------- -------------- - --- ---
uploadify参数详解
swf
:uploadify.swf文件的路径。uploader
:处理文件上传的后台php脚本的路径。cancelImg
:取消按钮的图片路径。multi
:是否允许选择多个文件,默认为true。auto
:是否自动上传,默认为false。fileTypeDesc
:文件类型描述,用于在文件选择框中显示可选文件类型。fileTypeExts
:允许上传的文件类型,多个文件类型之间用分号隔开。fileSizeLimit
:允许上传的最大文件大小,默认为0(表示不限制大小)。buttonText
:上传按钮上的文字,默认为'选择文件'。onUploadSuccess
:上传成功后的回调函数。
uploadify常用方法
upload
:手动触发上传操作。cancel
:手动取消上传操作。destroy
:销毁uploadify插件。disable
:禁用uploadify插件。enable
:启用uploadify插件。
示例代码:
------------ - --- --------- - ----------------------------- ------ ----------------- ----------- -------------- ------------ ------------------------ -------- ------ ------- ----- -------------- - ------ ------- -------------- - ------- ------ ------- ---------------- ------ ------------- ------- ------------------ -------------- ----- --------- - -------------- - --- -- -------- -------------------------------- - -------------------------- --- -- -------- -------------------------------- - --------------------------- --- -- ------------- --------------------------------- - ---------------------------- --- -- ------------- --------------------------------- - --------------------------- ------ --- -- ------------- -------------------------------- - ---------------------------------------------------------- ---------- -------------------------------------------------------------------------------------