首頁 > JQuery, 網頁技術 > Uploadify上傳功能簡介(一)

Uploadify上傳功能簡介(一)

2011年12月26日     發表評論 閱讀評論
如果這篇文章有幫助到,請大方的給個讚+1!

Uploadify是一套基於Jquery的上傳套件,這邊要先提醒因為Uploadify是使用FLASH當上傳介面,而FLASH又有在FF或是Chrome中會有連線逾時(session timeout)的問題,所以在使用上請先注意使用者是否都只使用IE,否則此功能可能無法正常地在其他瀏覽器上操作,又或者可以等更新版出來。目前MOKA在寫這篇文章的時候是使用V2.1.4的版本。

使用方法非常的簡單,請看以下的範例

$(this).uploadify({
‘uploader’  : ‘../js/uploadify.swf’,
‘cancelImg’  : ‘../js/cancel.png’,
‘script’  : ‘attachTvAntiQueFile.do’,
‘scriptData’ : { ‘defaultmark’ : ‘Y’},
‘folder’ : ‘uploads’,
‘queueID’  : ‘fileQueue",
‘removeCompleted’: true,
‘auto’ : true,
‘multi’ : false,
‘fileExt’ :’*.jpg;*.png;*.pdf;*.doc;*.docx;*.xls;*.xlsx;*.ppt;*.pptx;’
‘fileDesc’  : ‘Web Image Files (.JPG)’,
‘method’  : ‘GET’ ,
‘onComplete’ : function(event,queueId,fileObj,response,data)
{
}
});

這邊找幾個重要的參數來解釋就好,其他的請看Document,基本上都蠻詳細的

script->是你要導向的頁面或ACTION,另外你也可以利用scriptData傳入你要傳入的參數,但這邊請注意,如果你是要傳入動態的變數請將method改為GET,要不然會收不到參數喔,也可以利用uploadifySettings來增加要傳入的參數,傳入參數的方法還有一種,就是直接寫在ACTION的後方,例如:XXX.do?var=5,這樣也是可以成功地將參數傳入,但不知道為什麼,目前MOKA測試只能傳入一個,帶兩個以上的變數就傳不進去,所以最好的方法還是用scriptData的方法傳入最好。

 


如果文章有幫助到您,請不吝的給本站贊助,任何的鼓勵都是分享的動力!

Categories: JQuery, 網頁技術 Tags:
  1. 目前尚無任何的評論。
  1. 目前尚無任何 trackbacks 和 pingbacks。