Uploadify 3.2中文教程:详细配置与使用详解

需积分: 15 13 下载量 94 浏览量 更新于2024-07-20 收藏 751KB PDF 举报
Uploadify 3.2 是一款强大的 jQuery 上传插件,它为网页应用提供了简单易用的文件上传功能。这个插件在开发中扮演着重要的角色,特别是对于需要用户上传文件到服务器的Web应用。以下是一些关键的配置选项及其详细说明: 1. `auto`: 类型为布尔值,缺省为 `true`。这个选项控制是否在用户选择文件后自动开始上传。如果设置为 `true`,则上传过程会立即启动;若为 `false`,则需要用户手动触发上传。 2. `buttonClass`: 用于自定义上传按钮的样式类型,允许开发者根据设计需求添加额外的CSS类。 3. `buttonCursor`: 指定按钮在鼠标悬停时的鼠标形状,默认为 `'hand'`,可以设置成其他形状,如 `'pointer'`。 4. `buttonImage`: 设置上传按钮的背景图片,可以为空 (`null`) 或者自定义图片路径。 5. ` buttonText`: 显示在按钮上的文字,缺省为 `'SELECT FILES'`,可以根据需要更改提示语。 6. `checkExisting`: 默认为 `false`,如果设置为 `true`,插件会尝试执行一个检查脚本(如 `'/uploadify/check-exists.php'`),来验证文件是否已存在服务器上。 7. `debug`: 开启或关闭DEBUG模式,当设置为 `true` 时,插件将输出更多的调试信息,帮助排查问题。 8. `fileObjName`: 在服务器端处理文件的名称,例如设置为 `'myFile'`,客户端提交的文件将作为 `$_FILES['myFile']` 进行处理。默认值为 `'Filedata'`。 9. `fileSizeLimit`: 设置上传文件的最大大小,单位为KB。例如,限制为100KB,应设置为 `'100KB'`。 10. `fileTypeDesc`: 描述上传文件的类型,用户在选择文件时能看到这些信息。例如,设置为 `'AnyOldfileyouwant...'`。 11. `fileTypeExts`: 定义允许上传的文件扩展名,使用分号分隔,如 `'*.gif;*.jpg;*.png'`,仅允许上传.gif、jpg和.png类型的文件。 12. `formData`: 可以指定与上传文件相关的附加数据,可以是静态的键值对,如 `{key1: 'value1', key2: 'value2'}`,也可以通过 `onUploadStart` 动态设置。例如,`someOtherKey` 的值可以在事件触发时改变。 13. `height`: 控制按钮的高度,缺省为 `30px`,通过设置 `height: '50px'` 可以调整为50像素。 14. `method`: 默认上传方式为 `'post'`,但也可以设置为 `'get'`,这取决于后端接口的处理方式。 通过以上配置选项,你可以根据项目需求定制 Uploadify 3.2 的行为,确保用户上传文件的体验流畅且符合安全规定。理解并灵活运用这些配置将有助于创建出功能完善、易于使用的文件上传功能。