ExtJS 如何驗證上傳檔案型別

2021-06-17 20:15:54 字數 1111 閱讀 1307

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 可能是上述方法只是清空了頁面...