input file上传组件支持上传图片格式（.png/.jpg）

最新推荐文章于 2024-05-16 17:11:17 发布

原创最新推荐文章于 2024-05-16 17:11:17 发布 · 1.1w 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html

收录于

html 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面包含一个文本输入框和一个文件上传输入框，其中文件上传框限制了只能选择.jpg和.png两种图片格式。

<html>
<head>
    <title>inputnone</title>

    <style>


    </style>

    <!--不需要再次引用jquery-->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

    <script type="text/javascript">



    </script>

</head>
<body>
<div style="margin-left:200px;margin-top:100px;">

    <input type="text" id="text1">
    //accept=".jpg,.png"
    <input type="file" id="file" accept=".jpg,.png">

</div>


</body>
</html>

结果：