文件上传插件 plupload ,上传一个，删除之前上传，才能继续上传 

 1 var uploader = new plupload.Uploader({
 2 
 3    runtimes: 'html5,flash,silverlight,html4',//用来指定上传方式，指定多个上传方式请使用逗号隔开。
 4    browse_button: 'browse',//触发文件选择对话框的按钮，为那个元素id
 5    container: container, //用来指定Plupload所创建的html结构的父容器，默认为前面指定的browse_button的父元素。该参数的值可以是一个元素的id,也可以是DOM元素本身。
 6    max_file_size: '10mb',//最大上传文件
 7    url: url,//服务器端接收和处理上传文件的脚本地址，可以是相对路径(相对于当前调用Plupload的文档)，也可以是绝对路径
 8 
 9    flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf',
10    silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap',
11    filters: [{
12       title: "Image files",
13       extensions: "jpg,gif,png"
14    }],
15 
16    init: {
17 　　　　//当Init事件发生后触发
18       PostInit: function() {
19 
20       },
21 
22 　　　　//绑定各种事件，并在事件监听函数中做你想做的事
23 　　　　FilesAdded: function(up, files) {
24 
25       },
26 　　　　//当队列中的某一个文件正要开始上传前触发
27       BeforeUpload: function(up, file) {
28 
29       },
30 　　　　//会在文件上传过程中不断触发，可以用此事件来显示上传进度
31       UploadProgress: function(up, file) {
32 
33        
34       },
35 　　　　//当队列中的某一个文件上传完成后触发
36       FileUploaded: function(up, file, info) {
37 
38          if (info.status == 200) {
39 　　　　　　　　//success
40             
41          } else if (info.status == 203) {
42 
43             console.log(info);
44          } else {
45 
46             console.log(info);
47          }
48          //上传完成 删除图片
49 　　　　　　//下次点击才能上传
50          uploader.removeFile(file);
51       },
52 　　　　//当发生错误时触发
53       Error: function(up, err) {
54          if (err.code == -600) {
55 
56             
57          } else if (err.code == -601) {
58 
59             
60          } else if (err.code == -602) {
61 
62             
63          } else {
64 
65             
66          }
67       }
68    }
69 });
70 
71 uploader.start();//上传

 

posted @ 2017-08-04 17:22  一夜梦想  阅读(2536)  评论(0)  编辑  收藏  举报