2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

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

備注：注意需要導(dǎo)入jquery框架。

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

配置說明如下：

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

具體使用可以參考官網(wǎng)的demo，比較簡單。

官網(wǎng)：http://www.uploadify.com/

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

轉(zhuǎn)載于:https://my.oschina.net/gmupload/blog/163736

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。