获取上传文件的文件名

2017-07-03 18:51:00
admin
原创
643
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="http://code.ybao.org/js/jquery.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            $("#btnGetFile").click(function (e) {

                var fileList = document.getElementById("fileDemo").files;

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

                    if (!(/image\/\w+/.test(fileList[i].type))) {

                         $("#result").append("<span>type:"+fileList[i].type+"--******非图片类型*****--name:"+fileList[i].name+"--size:"+fileList[i].size+"</span><br />");

                    }

                    else {

                        $("#result").append("<span>type:"+fileList[i].type+"--name:"+fileList[i].name+"--size:"+fileList[i].size+"</span><br />");

                    }

                }

            });

        });

 

    </script>

</head>

<body>

    <form action="/home/index" method="POST" novalidate="true">

        <input type="file" multiple="multiple" name="fileDemo" id="fileDemo" /><br/>

        <input type="button" value="获取文件的名字" id="btnGetFile"/>

        <div id="result"></div>

    </form>

    <hr/>

</body>

</html>
  • QQ讨论群
  • 关注微信
    • 欢迎咨询
    • 欢迎加入QQ群 16506021
  • 公众号:源宝网络