zoukankan      html  css  js  c++  java
  • input 的multiple 上传多个文件

    1.在input标签中加入 multiple 属性,可以在一个输入框中选择多个文件进行上传
    <input type="file" name="img" multiple="multiple" />
    当然,这样也是一样的: 
    <input type="file" name="img" multiple />

    2.很多时候上传的时候,我们要限制一下上传文件类型(

    在windows中主要是限制后缀名
    ),或者是把选择的文件名(路径)输出到当前页面,,
    这需要用js取得选择文件的名字:

      document.getElementById("input").files[i].name

    最后注意:Internet Explorer 9及更早 IE 版本不支持 input 标签的 multiple 属性。
    附一段Demo:

    <!DOCTYPE HTML>
    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <body>
    <script type="text/javascript">
    function onc(){
    var files = document.getElementById("input").files;
    for(var i=0; i< files.length; i++){
    alert(input.files[i].name);
    }
    }
    </script>
    <form action="/example/html5/demo_form.asp" method="get">
    选择图片:<input type="file" id="input" name="input" onchange="onc()" multiple="multiple" />
    <input type="submit" />
    </form>
    <p>请尝试在浏览文件时选取一个以上的文件。</p>

    </body>
    </html>

  • 相关阅读:
    [BZOJ2809][Apio2012]dispatching
    [BZOJ4584][Apio2016]赛艇
    [BZOJ3206][Apio2013]道路费用
    [codeforces551E]GukiZ and GukiZiana
    [BZOJ3809]Gty的二逼妹子序列
    [BZOJ3289]Mato的文件管理
    [BZOJ3052][UOJ#58][WC2013]糖果公园
    [SPOJ10707]Count on a tree II
    [BZOJ1086][SCOI2005]王室联邦
    python小知识
  • 原文地址:https://www.cnblogs.com/zhpblog/p/6848051.html
Copyright © 2011-2022 走看看