引入: <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