帮助文档
Uploadify是一个易集成的多文件上传解决方案,在手册翻译时,最新的稳定版本是2.1.4,3.0版目前还在测试中。作为一个jQuery插件,Uploadify不仅使用简单而且可定制性非常强。
尽管成功部署Uploadify可能需要掌握一定的jQuery知识,但是此帮助文档所提供的参考,应该足以帮助那些在使用Uploadify过程中遇到困难的人。如果你遇到了此文档无法为你解决的问题,可以访问Uploadify用户社区来寻求帮助。 另外,我们还提供了一系列的常见问题 ,也有助于你顺利使用Uploadify。
部署
在部署一个Uploadify实例之前,必须确保满足最小需求:
- jQuery 1.4.x or greater
- swfObject 2.2 or greater
- Flash Player 9.0.24 or greater
下载最新的zip压缩包。将以下文件解压缩到你网站根目录的"uploadify"文件夹中。
- cancel.png
- jquery.uploadify.v2.1.4.min.js
- jquery-1.4.2.min.js
- swfobject.js
- uploadify.css
- uploadify.php
- uploadify.swf
在你的网站根目录新建一个页面,然后将以下代码粘帖到HTML文档的HEAD部分:
Head Section
-
<link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
-
<script type="text/javascript" src="/uploadify/jquery-1.4.2.min.js"> </script>
-
<script type="text/javascript" src="/uploadify/swfobject.js"> </script>
-
<script type="text/javascript" src="/uploadify/jquery.uploadify.v2.1.4.min.js"> </script>
-
<script type="text/javascript">
-
$(document).ready(函数() {
-
$('#file_upload').uploadify({
-
'uploader' : '/uploadify/uploadify.swf',
-
'script' : '/uploadify/uploadify.php',
-
'cancelImg' : '/uploadify/cancel.png',
-
'folder' : '/uploads',
-
'auto' : true
-
});
-
});
-
</script>
*确保上传文件夹存在并且是可写的。
在页面的body部分,添加如下代码:
Body Section
-
<input id="file_upload" name="file_upload" type="file" />
当页面被载入时,file域将被Uploadify文件上传组件自动替换。
注意事项
- 我们强烈建议使用相对于网站根目录的路径(也就是以一个正斜杠'/'开始)。否则,Uploadify将使用相对于当前页面的路径。
- 应用于Uploadify的每个元素必须拥有一个唯一的ID属性。你可以参考引用class的元素,但是每个元素必须拥有一个唯一的ID。
如果你想要对Uploadify进行更多的定制,可以使用下面的可选项。