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

现在有市面很多上传的插件,功能都很完善。但是也有其缺点:就是影响网站页面的性能,下面介绍的是使用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,请升级浏览器!');
            }

        }
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值