input file 上传文件后显示出来

最新推荐文章于 2024-06-18 09:55:59 发布

理个以哈呦

最新推荐文章于 2024-06-18 09:55:59 发布

阅读量6.8k

点赞数 1

分类专栏： HTML5

HTML5 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script src="js/jquery.min.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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

理个以哈呦

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
input file 上传文件后显示出来

<!DOCTYPE html><html lang="en"><head> <title></title> <script src="js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $
复制链接

扫一扫