免費的HTML5版uploadify

2022-08-11 02:21:16 字數 1247 閱讀 8290

var defaults = 

fileobjname:'file',//在後端接受檔案的引數名稱,如php中的$_files['file']

filesizelimit:2048,//允許上傳的檔案大小,單位kb

showuploadedpercent:true,//是否實時顯示上傳的百分比,如20%

showuploadedsize:false,//是否實時顯示已上傳的檔案大小,如1m/2m

buttontext:'選擇檔案',//上傳按鈕上的文字

removetimeout: 1000,//上傳完成後進度條的消失時間,單位毫秒

itemtemplate:itemtemp,//上傳佇列顯示的模板

onuploadstart:null,//上傳開始時的動作

onuploadsuccess:null,//上傳成功的動作

onuploadcomplete:null,//上傳完成的動作

onuploaderror:null, //上傳失敗的動作

oninit:null,//初始化時的動作

oncancel:null//刪除掉某個檔案後的**函式,可傳入引數file

}

已實現的特性有:

多檔案上傳

顯示進度條

顯示已上傳檔案大小和百分比

檔案字尾名和檔案大小檢測

向服務端提交額外資料

自定義檔案佇列中的html模板

css樣式分離出單獨檔案,可自己定製樣式

新增檔案上傳各階段的**函式

首先頁面上需要乙個容器,通常是乙個div,如:

然後直接呼叫即可:

$('#upload').huploadify(,

filesizelimit:1024,

showuploadedpercent:true,

showuploadedsize:true,

removetimeout:9999999,

uploader:'upload.php',

onuploadstart:function(),

oninit:function(),

onuploadcomplete:function(),

oncancel:function(file)

});

具體的引數含義,如果看上面的不太清晰,可以直接去uploadify官網檢視,因為我完全是照著他的api實現的,用法與他一致。下面上個截圖:

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...