标签：
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."上传失败！";
}
}
?>
标签：
原文地址：http://www.cnblogs.com/ajason/p/4994273.html
