需求描述

我们都知道上传文件的代码如下：

<center>
    <form action="index.jsp" method="post">
        <table border="1">
            <tr>
                <td>请选择文件上传：<input type="file" name="file" id="file"></td>
            </tr>

            <tr>
                <td><input type="submit" value="上传"></td>
            </tr>
        </table>
    </form>
</center>

当我们又有了新的需求，想要直接帮助我们分辨出我们需要的那种文件类型，就需要再加上一些东西了！

需求实现

该需求的实现并不难，我们只需要在原有代码的基础上，为文件的输入框那里多加上一个属性accept即可！

如下：

<center>
    <form action="index.jsp" method="post">
        <table border="1">
            <tr>
                <td>请选择文件上传：<input type="file" accept=".docx,.doc" name="file" id="file"></td>
            </tr>

            <tr>
                <td><input type="submit" value="上传"></td>
            </tr>
        </table>
    </form>
</center>

这样，当我们点击选择文件的浏览按钮之后，里面只会显示本地的且符合要求的文件类型的文件: