css3多文件上传

CSS3多文件上传可以让用户一次性上传多个文件，提高用户的使用体验。使用CSS3多文件上传需要掌握以下几个方面。

1. HTML代码部分form action="#">
    input type="file" name="file" id="file" multiple="multiple">
    /form>
2. CSS3代码部分input[type="file"] {
    display: block;
    height: 0;
    overflow: hidden;
}
label {
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: #1abc9c;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
3. JavaScript代码部分document.getElementById("file").onchange = function () {
    var files = this.files;
    var length = files.length;
    for (var i = 0;
     i
以上三个部分组合起来可以实现CSS3多文件上传。HTML部分是表单元素，可通过多选的方式选择多个文件。CSS3部分是样式部分，通过样式美化上传按钮。JavaScript部分是获取文件的方法，可通过循环获得文件数组。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！