plupload插件的简单使用

最新推荐文章于 2021-04-06 23:41:10 发布

2012013977

最新推荐文章于 2021-04-06 23:41:10 发布

阅读量2.9k

点赞数 1

分类专栏：文件上传 plupload

本文链接：https://blog.csdn.net/nianzhi1202/article/details/52800911

版权

文件上传同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

plupload

1 篇文章 0 订阅

订阅专栏

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>';
}
?>