使用教程：轻松集成Uploadify v2.1.0 jQuery上传插件
5星 · 超过95%的资源 需积分: 10 79 浏览量
更新于2024-09-24
收藏 150KB PDF 举报 "Uploadify v2.1.0是一款基于jQuery的文件上传插件，由Ronnie Garcia和Travis Nickels开发。它利用Flash技术在网页上实现文件上传功能，支持多种后端处理语言。Uploadify的实施过程简单，只需要几个步骤即可完成配置。"
Uploadify的主要功能是提供一个用户友好的界面，允许用户方便地将文件上传到Web服务器。这个插件依赖于jQuery库、SWFObject脚本和一个后台处理脚本，该脚本可以根据需要采用不同的编程语言（如PHP、ASP.NET或Python等）来编写。通过整合这些组件，Uploadify能够创建一个无刷新的、异步的文件上传体验，提高了用户体验并降低了服务器负载。
为了使用Uploadify v2.1.0，首先你需要执行以下步骤：
1. **下载Uploadify**：访问官方网站http://www.uploadify.com获取最新版本的Uploadify。
2. **解压并放置文件**：将下载的压缩包解压到你的项目目录，确保包含jQuery、SWFObject和Uploadify插件的脚本文件。
3. **引用所需脚本**：在HTML页面的<head>部分引入jQuery、SWFObject和Uploadify的JavaScript文件。
4. **设置初始化脚本**：在<head>中的$.ready事件中，使用jQuery选择器初始化Uploadify，例如`$('#someID').uploadify({...})`，这里的`#someID`应替换为你的实际文件输入元素的ID。
在初始化Uploadify时，你可以设置多个选项来自定义其行为。例如：
- `'uploader'`：指定SWF文件的位置，用于处理实际的文件上传。
- `'script'`：后端处理脚本的URL，用于接收和处理上传的文件。
- `'folder'`：指定上传文件的保存路径。
- `'cancelImg'`：取消上传按钮的图像URL。
- 还有其他选项，如`'queueID'`（队列容器ID）、`'width'`和`'height'`（SWF对象的尺寸）、`'fileExt'`（允许上传的文件扩展名）以及`'fileSizeLimit'`（文件大小限制）等。
Uploadify v2.1.0还提供了丰富的事件处理程序，如`'onSelect'`（文件被选中时触发）、`'onUploadStart'`（上传开始时触发）和`'onComplete'`（文件上传完成后触发），允许你对文件上传的整个流程进行细致控制和自定义。
Uploadify v2.1.0是一个强大且灵活的文件上传解决方案，适用于需要在Web应用中实现文件上传功能的开发者。它的易用性和可定制性使得它在众多文件上传插件中脱颖而出，是很多网站和应用程序的首选工具。
© 2009 by Ronnie Garcia
Developed by Ronnie Garcia and Travis Nickels
www.uploadify.com
www.ronniesan.com .
Uploadify 可以做什么？
一个基于 jQuery 上传文件的插件 ， 该插件引用 jQuery, F lash 和后台处理脚本 （ 可以基于不同
的语言进行开发脚本 ） ，上传文件 WEB 站点服务器上。
该怎么利用 Uploadify
Implementation of the plug-in is very easy and only relies on one JQuery function call to initiate.
Uploadify 用起来非常简单，只要调用 jQuery 的初始化函数即可。
1. 下载最新版本 uploadify:http://www.uploadify.com
2. 解压下载的压缩包到指定目录。
3. 在相应的页 面 jQuer y 脚本 ， swfobject script 和 Uploadif y 插件 。 将以下代码段加到 <head>
中：
4. 在页面 <head> 中增加 $.ready 事件，如下代码段：
当页面装载初始化结束， $.ready 事件将会 input 隐藏，将用按钮 browse 代替。到此，该
插件的使用准备工作全部就绪。
可用选项
Uploadify v2.1.0
<script type="text/javascript" src="/path/to/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/path/to/swfobject.js"></script>
<script type="text/javascript" src="/path/to/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#someID').uploadify({
'uploader': '/path/to/uploadify.swf',
'script': '/path/to/uploadify.php',
'folder': '/path/to/uploads-folder',
'cancelImg': '/path/to/cancel.png'
});
});
</script>
下载后可阅读完整内容，剩余6页未读，立即下载
2013-11-01 上传
2010-11-27 上传
2014-09-15 上传
2014-06-05 上传
2021-04-03 上传
2018-03-07 上传
2020-11-23 上传
bitshengwuyixue
- 粉丝: 5
- 资源: 11
我的内容管理
展开
最新资源
- Accuinsight-1.0.4-py2.py3-none-any.whl.zip
- yama:Yama的编译器，一种面向对象的微控制器语言，例如ARM Cortex-M和AVR
- ap-event-lib:事件框架库
- 队列分析
- docker-compose2.172下载后拷贝到/usr/local/bin下
- webstore
- Employee-Summary
- media-source-demo:媒体源演示
- 家：普拉特姆学院
- LilSteve:第175章
- tilde-world
- Accuinsight-1.0.25-py2.py3-none-any.whl.zip
- 标题栏随着RecyclerView滚动背景渐变
- 浏览器自定义查看pdf文件.rar
- 直接序列扩频（DS SS）：这是直接序列扩频的代码。-matlab开发
- flutter_dylinkios_sample:使用Dart的示例项目
