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,请晋级浏览器!');
            }

        }
    
    原文作者:前端小佳
    原文地址: https://segmentfault.com/a/1190000009749441
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞