button.css
简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
button.css100素材网 开发,欢迎广大前端码农使用。有好的建议欢迎给我们 留言 哦!
文章来源: 100素材网 更新时间: 2014-08-08 14:44:41
php 文件上传插件 php 无刷新文件上传 php多个文件上传 php图片上传
此文章由网友【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
    });
});


下载文件


浏览次数

标签分类

流量查看
站长空间
站长博客