html5 数量选择,input上传文件个数控制

HTML:

1

请上传[2,5]个文件

2

3

4

JavaScript:

1 /**

2 * [fileCountCheck 上传文件数量检测]

3 * @param {[Object]} filesObj [文件对象]

4 * @param {[Number]} minFileNum [文件数量下限]

5 * @param {[Number]} maxFileNum [文件数量上限]

6 * @return {[Boolean]} [真假]

7 */

8 function fileCountCheck(filesObj, minFileNum, maxFileNum) {

9

10 // console.log(filesObj.files); // 文件对象

11

12 if (window.File && window.FileList) {

13

14 var fileCount = filesObj.files.length;

15

16 if (fileCount < minFileNum || fileCount > maxFileNum) {

17

18 // 不符合数量的处理

19 window.alert('文件数不能小于' + minFileNum + '个，也不能超过' + maxFileNum + '个，你选择了' + fileCount + '个');