文件上傳插件 plupload ,上傳一個，刪除之前上傳，才能繼續上傳

本文轉載自查看原文 2017-08-04 17:22 1159 js

 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();//上傳

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 plupload上傳大文件 Plupload上傳插件簡單整理利用PLUPLOAD上傳大文件 plupload上傳視頻等大文件文件上傳plupload組件使用多文件上傳artDialog+plupload 【ASP.NET 插件】Plupload多格式多文件上傳實現【web】之 jquery上傳插件的Plupload的使用 plupload上傳視頻插件jQuery+php 關於Plupload上傳插件的使用方法