前言
Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件，简单易用且功能强大。
特点
文章说明
这篇文章只是示范一下plupload插件的基础使用方法，整体流程是新建一个HTML文件引入plupload插件，然后绑定HTML页面的选择文件按钮和开始上传按钮，点击选择文件按钮进行文件选择，点击开始上传按钮进行文件上传，后台用PHP写，图片保存在PHP文件同级目录下的imgs文件夹里面。
第一步：下载plupload插件
下载网址：https://www.plupload.com/
第二步：新建项目，引入插件
这是我的目录结构，Demo文件夹下放着这篇文章的HTML文件和JS文件，PHP文件夹下放着后台文件以及上传的图片
第三步：代码编写
pluploadDemo.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>PluploadDemo</title>
<!-- production -->
<script type="text/javascript" src="../js/plupload.full.min.js"></script>
<style type="text/css">
#main{
width: 50%;
margin: 10% auto;
}
#filelist,#console{
background-color: white;
border-radius: 3px;
margin: 15px 0;
padding: 5px;
overflow: auto;
}
#filelist{
height: 200px;
}
#container{
text-align: center;
}
</style>
</head>
<body style="font: 13px Verdana; background: #eee; color: #333">
<div id="main">
<div id="filelist">
<!-- 文件列表显示区域 -->
</div>
<div id="console" style="display: none;">
<!-- 控制台信息显示区域,报错的时候才显示出来 -->
</div>
<div id="container">
<button type="button" id="pickfiles">选择文件</button>
<button type="button" id="uploadfiles">开始上传</button>
</div>
</div>
<script src="pluploadDemo.js" type="text/javascript" charset="utf-8"></script>
</body