extjs中有封裝好的元件來實現檔案上傳功能,用起來可謂是非常之方便,但是對於很多extjs新手來說不知道如何控制檔案的上傳型別,比如當我們只想讓使用者上傳『txt』型別的檔案時,怎樣能夠實現當使用者上傳非『txt』檔案時,給出錯誤提示呢?對於如何驗證檔案型別,使用field元件的validator驗證器應該是一種較為方便的方法。
在extjs4.x 如何實現密碼驗證功能一篇文章中我們曾使用過validator對密碼進行驗證,今天我們借檔案上傳功能的實現,給大家詳細的分享一下validator的用法。首先給出實現檔案上傳功能的**:
js**:
name: 'demo',
launch: function(),
items: [else
}},,
failure:function(form, action)
});}}}]
}]});
}});php(uploadfile.php)後台**:
<?php
$file = $_files["file"]["tmp_name"];
$file_name = $_files["file"]["name"];
$result = move_uploaded_file($file, "/uploads/".$file_name);
$data['success'] = $result;
if($result)else
?>
實現效果圖:
validator詳解:
validator是filefiled的乙個配置項(所有的文字框元件基本都有這個配置項,用法完全相同),它跟其他配置項最大的不同在於validator的值是乙個function,如**中所示,這個function有唯一的引數value(文字框中的值),函式體中對這個value進行驗證如果檔案合法在返回true,不合法則返回錯誤的提示資訊,至此驗證完畢,validator用起來就是這麼簡單!
注:對上傳檔案型別的驗證並非只有validator一種方法,使用正則(配置項:regex)可以實現同樣的效果,在此特別宣告,莫要侷限於李壞給出的這一種方法,大家可以多多嘗試。
上傳檔案(限制檔案型別)
1,fileupload.aspx檔案 page language c autoeventwireup true codefile fileupload.aspx.cs inherits fileupload 2 fileupload.aspx.cs檔案 using system using sys...
input 限制 上傳檔案型別
tr tdcolspan 5 款式 inputtype file accept image name img id img td tr tr tdcolspan 2 作業指導書 inputtype file accept name work attach id work attach td tdco...
js 判斷上傳檔案型別
用js來控制檔案上傳型別的時候,按照如下 進行控制的時候,我第一次選擇乙個檔案,會觸發onchange事件,但是我把內容清空,在選擇同樣的檔案,就不觸發onchange事件了 如下 function isvalidatefile obj else return true 可能是上述方法只是清空了頁面...