2019獨角獸企業重金招聘Python工程師標準>>>

uploadify是一款基于jquery框架和flash的無刷新上傳組件，由于使用了flash，所以可以在客戶端檢查文件大小，限制可以選擇哪些類型，一次選擇多個文件進行無刷新上傳。

備注：注意需要導入jquery框架。

如果瀏覽器未安裝flash播放器插件，則默認使用原始的file控件進行上傳。

配置說明如下：

auto 選擇文件后自動上傳 buttonClass 給“瀏覽按鈕”加css的class樣式 buttonCursor 鼠標移上去形狀：arrow箭頭、hand手型（默認） buttonImage 鼠標移上去變換圖片 buttonText 按鈕文字 checkExisting 在目錄中檢查文件是否已上傳成功（1 ture,0 false） debug 是否顯示調試框（默認不顯示false） fileObjName 設置一個名字，在服務器處理程序中根據該名字來取上傳文件的數據。默認為Filedata，$tempFile = $_FILES['Filedata']['tmp_name'] fileSizeLimit 設置允許上傳文件最大值B, KB, MB, GB 比如：'fileSizeLimit' : '20MB' fileTypeDesc 選擇的文件的描述。這個字符串出現在瀏覽文件對話框中文件類型下拉框處。默認：All Files fileTypeExts 允許上傳的文件類型。格式：'fileTypeExts' : '*.gif; *.jpg; *.png' formData 附帶值，需要通過get or post傳遞的額外數據，需要結合onUploadStart事件一起使用 height “瀏覽按鈕”高度px itemTemplate <itemTemplate>節點表示顯示的內容。這些內容中也可以包含綁定到控件 DataSource 屬性中元素集合的數據。 method 上傳方式。默認：post multi 選擇文件時是否可以【選擇多個】。默認：可以true overrideEvents 不執行默認的onSelect事件 preventCaching 隨機緩存值 默認true ，可選true和false.如果選true,那么在上傳時會加入一個隨機數來使每次的URL都不同,以防止緩存.但是可能與正常URL產生沖突 progressData 進度條上顯示的進度:有百分比percentage和速度speed。默認百分比 queueID 給“進度條”加背景css的ID樣式。文件選擇后的容器ID queueSizeLimit 允許多文件上傳的數量。默認：999 removeCompleted 上傳完成后隊列是否自動消失。默認：true removeTimeout 上傳完成后隊列多長時間后消失。默認 3秒 需要：'removeCompleted' : true,時使用 requeueErrors 隊列上傳出錯，是否繼續回滾隊列，即反復嘗試上傳。默認：false successTimeout 上傳超時時間。文件上傳完成后,等待服務器返回信息的時間(秒).超過時間沒有返回的話,插件認為返回了成功。 默認：30秒 swf swf文件的路徑,本文件是插件自帶的,不可用其它的代替.本參數不可省略 uploader 上傳處理程序URL，本參數不可省略 uploadLimit 限制總上傳文件數,默認是999。指同一時間，如果關閉瀏覽器后重新打開又可上傳。 width “瀏覽按鈕”寬度pxEvents 事件 onCancel 當取消一個上傳隊列中的文件時觸發,刪除時觸發 onClearQueue 清除隊列。當'cancel'方法帶著*參數時,也就是說一次全部取消的時候觸發.queueItemCount是被取消的文件個數（另外的按鈕） onDestroy 取消所有的上傳隊列（另外的按鈕） onDialogClose 當選擇文件對話框關閉時觸發,不論是點的'確定'還是'取消'都會觸發.如果本事件被添加進了'overrideEvents'參數中,那么如果在選擇文件時產生了錯誤,不會有錯誤提示框彈出 onDialogOpen 當選擇文件框被打開時觸發,沒有傳過來的參數 onDisable 關閉上傳 onEnable 開啟上傳 onFallback 檢測FLASH失敗調用 onInit 每次初始化一個隊列時觸發 onQueueComplete 當隊列中的所有文件上傳完成時觸發 onSelect 當文件從瀏覽框被添加到隊列中時觸發 onSelectError 選擇文件出錯時觸發 onSWFReady flash準備好時觸發 onUploadComplete 當一個文件上傳完成時觸發 onUploadError 當文件上傳完成但是返回錯誤時觸發 onUploadProgress 上傳匯總 onUploadStart 一個文件上傳之間觸發 onUploadSuccess 每個上傳完成并成功的文件都會觸發本事件Methods 方法 cancel 取消一個上傳隊列 destroy 取消所有上傳隊列 disable 禁止點擊“瀏覽按鈕” settings 返回或修改一個 uploadify實例的settings值 stop 停止當前的上傳并重新添加到隊列中去 upload 上傳指定的文件或者所有隊列中的文件

具體使用可以參考官網的demo，比較簡單。

官網：http://www.uploadify.com/

demos:http://www.uploadify.com/demos/

轉載于:https://my.oschina.net/gmupload/blog/163736

總結

以上是生活随笔為你收集整理的uploadify 附件上传的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。