1

2

3

4

1     <h3>请上传[2,5]个文件</h3>

2     <form action="" enctype="multipart/form-data">

3         <input type="file" name="file" multiple="multiple" id="file" onchange="fileCountCheck(this,2,5)" />

4     </form>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

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 + '个');

20

21                 return false;

22

23             } else {

24

25                 // 符合数量的处理

26                 window.alert('符合规定');

27

28                 return true;

29

30             }

31

32         } else {

33

34             // 不支持FileAPI

35             window.alert('抱歉，你的浏览器不支持FileAPI，请升级浏览器！');

36

37             return false;

38

39         }

40

41     }