• input file实现多选和限制文件上传类型


    <!-- input file  accept 属性设置可上传文件的类型  multiple属性设置可多文件上传-->

    <!-- accept 并未真正的实现限制上传文件类型,只是在选文件的时候有限制,    

    如果选文件的时候手动修改上传文件的类型,还是可以上传其他文件的。    

    因此,要实现只上传accept属性指定的文件类型,还必修结合js来实现-->

    <input type="file" accept=".doc,.docx" multiple>

    //取出上传文件格式的后缀名

    var fileAccept = $("#id").val().split(".")[1];

    //获取上传文件的后缀

    if( fileAccept!="doc" && fileAccept!="docx" ){ 

      alert("只能上传.doc和.docx的文件!");

    }

    //获取多文件上传的所有文件名

    var filePaths = $("#id")[0].files;

    //或者这样写 document.getElementById("id").files;

    for( var i=0;i<filePaths.length; i++ ){

       filePaths[i].name;

    }

  • 相关阅读:
    day 06小结
    day 05小结
    day 05作业
    day 04作业
    day 03作业
    今日小结
    day 02小结
    hdu 4608 I-number(13多校#1 ,1009)
    zoj 2316 Matrix Multiplication(D)
    zoj 2316 Matrix Multiplication(2-D)
  • 原文地址:https://www.cnblogs.com/daran/p/10520858.html
Copyright © 2020-2023  润新知