php+uploadify 多图上传 

2015-11-25说明：兼容ie


 1 <html>
 2     <head>
 3         <meta charset='utf-8'>
 4         <title></title>
 5         <script type="text/javascript" src="jquery-1.6.2.min.js" ></script> 
 6         <script type="text/javascript" src="jquery.uploadify-3.1.min.js"></script>
 7         <link rel="stylesheet" type="text/css" href="uploadify.css"/>
 8         <script type="text/javascript">
 9             var img_id_upload = new Array();//初始化数组，存储已经上传的图片名
10             var i = 0;//初始化数组下标
11             $(function() {
12                 $('#file_upload').uploadify({
13                     'auto': false, //关闭自动上传
14                     'removeTimeout': 1, //文件队列上传完成1秒后删除
15                     'swf': 'uploadify.swf',
16                     'uploader': 'uploadify.php',
17                     'method': 'post', //方法，服务端可以用$_POST数组获取数据
18                     'buttonText': '选择图片', //设置按钮文本
19                     'multi': true, //允许同时上传多张图片
20                     'uploadLimit': 10, //一次最多只允许上传10张图片
21                     'fileTypeDesc': 'Image Files', //只允许上传图像
22                     'fileTypeExts': '*.gif; *.jpg; *.png', //限制允许上传的图片后缀
23                     'fileSizeLimit': '20000KB', //限制上传的图片不得超过200KB 
24                     'onUploadSuccess': function(file, data, response) {//每次成功上传后执行的回调函数，从服务端返回数据到前端
25                         img_id_upload[i] = data;
26                         i++;
27                         alert(data);
28                     },
29                     'onQueueComplete': function(queueData) {//上传队列全部完成后执行的回调函数
30                         // if(img_id_upload.length>0)//判断是否上传图片成功
31                          //alert('成功上传的文件有：'+encodeURIComponent(img_id_upload));
32                     }
33                     // Put your options here
34                 });
35             });
36         </script>
37     </head>
38     <body>
39         <input type="file" name="file_upload" id="file_upload" />
40         <!--<p><a href="javascript:$('#file_upload').uploadify('upload','*');">上传</a> -->
41         <!--动态传值  $('#file_upload').uploadify('settings', 'formData', {'typeCode':document.getElementById('id_file').value}); -->
42         <p><a href="javascript:$('#file_upload').uploadify('settings', 'formData', {'typeCode':document.getElementById('id_file').value});$('#file_upload').uploadify('upload','*')">上传</a>
43             <a href="javascript:$('#file_upload').uploadify('cancel','*')">重置上传队列</a>
44         </p>
45         <input type="hidden" value="1215154" name="tmpdir" id="id_file">
46     </body>
47 </html>


upload.php 代码



<?php
/*
Uploadify 后台处理 Demo
uploadify 后台处理！
*/

//设置上传目录
$path = "uploads/";    

if (!empty($_FILES)) {
    
    //得到上传的临时文件流
    $tempFile = $_FILES['Filedata']['tmp_name'];
    
    //允许的文件后缀
    $fileTypes = array('jpg','jpeg','gif','png'); 
    
    //得到文件原名
    $fileName = iconv("UTF-8","GB2312",$_FILES["Filedata"]["name"]);
    $fileParts = pathinfo($_FILES['Filedata']['name']);
    
    //接受动态传值
    $files=$_POST['typeCode'];
    
    //最后保存服务器地址
    if(!is_dir($path))
       mkdir($path);
    if (move_uploaded_file($tempFile, $path.$fileName)){
        echo $fileName."上传成功！";
    }else{
        echo $fileName."上传失败！";
    }
}
?>


























 

posted on 2015-11-25 12:33  jasonptc  阅读(203)  评论(0)    收藏  举报

导航