标签:
Uploadify是一款基于JQuery的优秀的文件/图片上传的插件,有基于Flash和HTML5两种版本。
Uploadify/uploadifive主要特点有:
1. 多文件上传
2. 个性化设置
3. 上传进度条显示
4. 拖拽上传(HTML5版本)
http://www.uploadify.com/documentation/
案例讲解地址;
在部署一个Uploadify实例前,请确保满足最低要求:
下载最新版本的uploadify,解压到服务器根目录下的uploadify文件夹中,你可以看到以下文件:
在官方提供的实例文件中,是引用的jquery官方网站上的jquery库,有需要的朋友还需要本地引用jquery库。
下面我们看一看如何在你的项目上部署uploadify:
php 中,uploadify文件夹位于网站根目录中,上传的文件保存在根目录下的upload文件夹中,
uploadify文件夹中包含check- exists.php、jquery.min.js 、jquery.uploadify.min.js、
uploadify.css、uploadify.swf、uploadify- cancel.png。
1 2.引用jquery库 2 <script type="text/javascript" src="/uploadify/jquery.min.js"></script> 3 3.引用uploadify脚本 4 <script type="text/javascript" src="/uploadify /jquery.uploadify.min.js"></script> 5 4.引用uploadify样式表 6 <link rel="stylesheet" type="text/css" href="uploadify.css" /> 7 5. 声明一个普通的html文件上传控件,并指定id 8 <input id="file_upload" name="file_upload" type="file" multiple="true"> 9 6. 将声明的普通上传控件与Uploadify插件绑定,并初始化 10 <script type="text/javascript"> 11 $(function() { 12 $(‘#file_upload‘).uploadify({ 13 ‘swf‘ : ‘/uploadify uploadify.swf‘, //指定上传控件的主 14 15 体文件 16 ‘uploader‘ : ‘/uploadify uploadify.php‘ //指定服务器端上传处 17 18 理文件 19 //其他配置项 20 }); 21 }); 22 </script>
标签:
原文地址:http://www.cnblogs.com/uiiu/p/5887264.html