資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究是否可以在 HTML5 中驗證 input=file 的大小和型別？
是的，可以驗證 input type = “file”的大小和型別。可以使用 jQuery 來獲得期望的結果 −
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<form >
<input type="file" id="myfile" data-max-size="32154" />
<input type="submit"/>
</form>
<script>
$(function(){
$('form').submit(function(){
var val = true;
$('input[type=file][data-max-size]').each(function(){
if(typeof this.files[0] !== 'undefined'){
var max = parseInt($(this).attr('max-size'),10),
mySize = this.files[0].size;
val = max > mySize;
return val;
}
});
return val;
});
});
</script>
</body>
</html>
更新於： 2020 年 6 月 25 日
269 次瀏覽
廣告