码迷,mamicode.com
首页 > Web开发 > 详细

input file多个文件上传基本教程

时间:2020-05-14 01:30:56      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:check   element   file类   _for   else   文件上传   EAP   name   method   

现在有市面很多上传的插件,功能都很完善。但是也有其缺点:就是影响网站页面的性能,下面介绍的是使用input的file类型进行文件的上传。这种上传方法适合做简单上传功能的效果。

不废话甩代码

HTML:

   <form action="/example/html5/demo_form.asp" method="get" onsubmit="return fileCountCheck(this);">
        选择图片:<input type="file" id="input" name="input" multiple="multiple" />
        <input type="submit">
    </form>

javascript:
限制图片上传个数3张

        function fileCountCheck(objForm) {
            if(window.File && window.FileList) {
                var fileCount = document.getElementById("input").files.length;
                if(fileCount > 3) {
                    window.alert(‘文件数不能超过3个,你选择了‘ + fileCount + ‘个‘);
                    return false;
                }

            } else {
                window.alert(‘抱歉,你的浏览器不支持FileAPI,请升级浏览器!‘);
            }

        }
    

input file多个文件上传基本教程

标签:check   element   file类   _for   else   文件上传   EAP   name   method   

原文地址:https://www.cnblogs.com/jlfw/p/12885706.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!