前端上传组件Plupload之我的代码

引入：
<script src="jslib/consultation/jquery-2.2.3.min.js"></script>
<script  src="jslib/js/plupload/plupload.full.min.js"></script>

<div class="btn blue"  id="upload_id">上传照片</div>

//实例化一个plupload上传对象
    var url = "http://localhost:8080/h......";
    var uploader = new plupload.Uploader({
        runtimes : 'html5,flash',
        browse_button : 'upload_id', //触发文件选择对话框的按钮，为那个元素id
        url : url,
        multi_selection:false,//一次上传一个文件
        filters : {
            max_file_size : '50mb', // 文件上传最大限制
        },
    });
    uploader.init();//开始执行plupload
    //绑定各种事件，并在事件监听函数中做你想做的事
    uploader.bind('FilesAdded',function(uploader,files){
        console.log("开始上传")
        uploader.start();//图片一旦选择后，就立刻开始上传
        $(".page1").hide();
        $(".page2").show();
    });
    uploader.bind('FileUploaded',function(uploader,file){
        console.log("上传结束")
        $(".page2").hide();
        $(".page3").show();
    });
    uploader.bind('Error',function(uploader,errObject){
        console.log(errObject);
        $(".page2").hide();
        $(".page4").show();
    });

参考资料：

https://www.cnblogs.com/beimingbingpo/p/9529790.html