1.官网下载所需plupload文件:http://www.plupload.com/
2.实例化一个plupload对象
3.对plupload对象使用init()方法初始化
4.绑定各种事件,实现所需功能
关于很多的参数,这里写的很清楚,可以参考 http://www.cnblogs.com/2050/p/3913184.html
实例:
在html中:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="./plupload/js/plupload.full.min.js"></script>
<script src="./jquery-2.1.1.min.js"></script>
</head>
<body>
<button id="browse" style="width:75px;height:75px;border:0;background:#969696;color:#fff;">点击上传图片/视频</button>
<div id="con"></div>
</video>
<script>
//实例化一个plupload对象
var uploader = new plupload.Uploader({
browse_button : 'browse', //用此id触发对象
url : 'upload.php', //上传到php页面进行处理
flash_swf_url : './plupload/js/Moxie.swf',
silverlight_xap_url : './plupload/js/Moxie.xap',
filters: {
mime_types : [ //限制上传文件的类型 图片/视频
{ title : "Image files", extensions : "jpg,gif,png" },
{ title : "shipin files", extensions : "wmv,mp4" },
],
max_file_size : '20000kb', //最大只能上传20000kb的文件
prevent_duplicates : true //不允许选取重复文件
}
});
//使用init()方法进行初始化
uploader.init();
//绑定各种事件,实现所需功能
uploader.bind('FilesAdded',function(uploader,files){
uploader.start();
});
uploader.bind('FileUploaded',function(uploader,file,obj){
alert(obj.response);
var path = "./images/"+obj.response;
var nav = "<div><img style='width:100px;height:70px;' src='"+path+"'></div>"
$('#con').append(nav);
});
uploader.bind('Error', function (up, err) { alert("文件上传失败,错误信息: " + err.message); });
</script>
</body>
</html>
在php中:
<?php
include "./upload.php";
$up = new fileupload;
//设置属性(上传的位置, 大小, 类型, 名是是否要随机生成)
$up -> set("path", "./images/");
$up -> set("maxsize", 2000000);
$up -> set("allowtype", array("gif", "png", "jpg","jpeg","wmv"));
$up -> set("israndname", true);
//使用对象中的upload方法, 就可以上传文件, 方法需要传一个上传表单的名子 pic, 如果成功返回true, 失败返回false
if($up -> upload("file")) {
// echo '<pre>';
//获取上传后文件名子
$fileName=$up->getFileName();
// echo '</pre>';
echo $fileName;
} else {
echo '<pre>';
//获取上传失败以后的错误提示
// var_dump($up->getErrorMsg());
var_dump('aaaaaaaaaaa');
echo '</pre>';
}
?>
其中的upload.php下载链接:http://pan.baidu.com/s/1pKWqYdP 密码 n24z
这里的upload.php是一个上传文件类,没有使用plupload自带的upload.php,当然也可以使用。