支持多文件上传文件的插件uploadify

1.首先从官网上下载Uploadify的压缩包（下面使用的是uploadify3.2.1），解压在文件夹中（例如uploadify）。

2.在浏览器中访问所在test的文件夹，浏览器就可以自己找到uploadify中的index.php文件，如下图

然后就上传成功了，接下来，就来分析一下uploadify的具体使用方法。

3.uploadify的具体上传使用（这里演示的都是默认情况下的路径，如果需要更改，就把路径改为插件所在地址的路径）

1.首先需要稍微改动一下的地方是index.php文件中：

插件需要使用jQuery插件支持，<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

这句就是引入的jQuery插件，不过它默认是引用jQuery官网的链接，这个链接是用谷歌的官网进入，在国内服务器是无法访问谷歌官网的，所以要将下载过后的jQuery插件引入。<script src="jquery.uploadify.min.js" type="text/javascript"></script>这句话是引入下载的uploadify中的jquery.uploadify.min.js插件默认情况下不需要改。

<link rel="stylesheet" type="text/css" href="uploadify.css">这句话是引入uploadify插件中的样式文件，默认情况下不需要改。

在index.php中的js的代码中：

timestamp是上传的当前时间。

swf是多媒体文件，就是flash动画，上图中上传文件的进度条，swf对应的uploadify.swf是插件中的flsh动画的路径，默认不需要更改。

uploader是php处理上传的文件，uploader对应的uploadify.php就是处理上传文件php代码的路径，默认不需要更改，在你的项目中就是你的php文件的路径。

2.然后需要说的就是uploadify.php文件

uploadify上传插件默认的上传的文件是放在服务器跟目录下的uploads文件夹中：（就是在配置服务器时设置的网站根目录，如果使用集成环境wamp默认的根目录是www目录下）

所以要在网站根目录下新建一个文件夹uploads。

因为在插件中uploadify.php中

 

$targetFolder = '/uploads';//指的是根目录下的uploads文件夹,当然这个文件夹可以自己定义，要相对于根目录设置路径（可以写成/public/file/uploads,存的上传文件就在，这个路径下uploads文件夹中）
$verifyToken = md5('unique_salt' . $_POST['timestamp']);//里面的$_POST['timestamp']接收的就是js代码中传过来的当前时间（获得是十位数的数字是秒数）
$targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;//这个变量拼接的就是网站根目录加上自己定义的相对于根目录的路径
$targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];//这里的_FILES['Filedata']['name']是上传后文件的名字默认的是原来的名字。可以自定义进行更改
$fileTypes = array('jpg','jpeg','gif','png'); // File extensions//这个数组就是设置上传的文件允许是什么格式，可以自定义，添加

　　

3.在check-exists.php中是关于上传的文件是否有相同的文件

这里的路径和uploadify.php中的路径是相同的，不再重复
ps：文章写有什么不对之处，望斧正。