此文章由网友【Wind哥】提供
首先非常感谢网友-Wind的分享,最近很多Jquery学堂群里面的网友问有没有人用过PHP+Jquery.uploadify插件实现文件上传功能啊,asp.net实现的就有网友分享过,PHP实现文件上传的也有网友分享过,具体可以看”PHP上传文件代码及其$_FILES数组内容“这篇文章,但不是使用Jquery.uploadify插件,今天网友Wind把自己做的例子分享出来了,支持批量和文件等待上传,大家好好利用哦。最后提供了打包下载。
uploadify.php文件代码如下:
<?php
/*
Uploadify 后台处理 Demo
Author:wind
Date:2013-1-4
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."上传失败!";
}
}
?>
index.php文件主要代码如下:
var img_id_upload=new Array();//初始化数组,存储已经上传的图片名
var i=0;//初始化数组下标
$(function() {
$('#file_upload').uploadify({
'auto' : false,//关闭自动上传
'removeTimeout' : 1,//文件队列上传完成1秒后删除
'swf' : 'uploadify.swf',
'uploader' : 'uploadify.php',
'method' : 'post',//方法,服务端可以用$_POST数组获取数据
'buttonText' : '选择图片',//设置按钮文本
'multi' : true,//允许同时上传多张图片
'uploadLimit' : 10,//一次最多只允许上传10张图片
'fileTypeDesc' : 'Image Files',//只允许上传图像
'fileTypeExts' : '*.gif; *.jpg; *.png',//限制允许上传的图片后缀
'fileSizeLimit' : '20000KB',//限制上传的图片不得超过200KB
'onUploadSuccess' : function(file, data, response) {//每次成功上传后执行的回调函数,从服务端返回数据到前端
img_id_upload[i]=data;
i++;
alert(data);
},
'onQueueComplete' : function(queueData) {//上传队列全部完成后执行的回调函数
// if(img_id_upload.length>0)
// alert('成功上传的文件有:'+encodeURIComponent(img_id_upload));
}
// Put your options here
});
});
效果如下:
打包下载
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery.uploadify插件 PHP文件上传 PHP学习 PHP资料