檔案上傳plupload元件使用

2022-05-30 03:27:09 字數 888 閱讀 5769

這段時間一直在使用檔案上傳,簡要的介紹一下檔案上傳的元件使用,先上一段**。

var uploader = new plupload.uploader(

, ,

],//flash位址,swf檔案,當需要使用swf方式進行上傳時需要配置該引數

flash_swf_url : '../../../../sikns/js/moxie.swf',

//silverlight檔案,當需要使用silverlight方式進行上傳時需要配置該引數

silverlight_xap_url : '../../../../sikns/js/moxie.xap',

//當plupload初始化完成後觸發

init :

},//當檔案新增到上傳佇列後觸發(up為當前的plupload例項物件,files為乙個陣列,裡面的元素為本次新增到上傳佇列裡的檔案物件)

filesadded : function(up, files) );*/

//開始上傳佇列中的檔案

uploader.start();

},//會在檔案上傳過程中不斷觸發,可以用此事件來顯示上傳進度(up當前的plupload例項物件,file為觸發此事件的檔案物件)

uploadprogress : function(up, file) ,

//傳輸完成後新增事件

uploadcomplete : function(up,files)

}});

//初始化plupload例項

uploader.init();

這段**是檔案上傳的js部分,裡面各個部分的函式註解的很清楚。

呼叫這個js的部分按鈕如下:

plupload 上傳元件的使用

在這之前在感謝園子好多大牛的文章,在這裡就不列出來了。進入正題。svn檢索 獲取到 這篇文章使用的是v2.1.8 主要功能 1 多檔案上傳 2 分片上傳 3 顯示進度條 先看看專案結構 i 上傳 br 最多n張 div div id imgupload class upload btn div di...

plupload檔案上傳外掛程式

plupload檔案上傳外掛程式 plupload 說明文件 參考樣例 上傳 最大500kb,支援jpg,gif,png格式。載入script 當點選按鈕 上傳 後,彈出選擇檔案對話方塊,按 ctrl 選擇多上傳。然後呼叫 uploader.start 方法,開始上傳。上傳中間過程我們可以用 upl...

檔案上傳元件 FileUpload元件的使用

檔案的上傳存在的意義 在專案中經常上傳檔案 qq上傳,相簿上傳,資料的共享 實現檔案上傳的步驟 1.指定表單的型別為檔案上傳表單 必須指定表單的屬性 enctype multipart form data 2.提交方式必須為post 手動上傳檔案處理 獲取表單中的檔案 獲取輸入流 inputstre...