文件

<input type="file" name="fileSubmission">

文件输入允许用户从其本地文件系统中选择一个文件,以便与当前页面一起使用。如果与 form 元素一起使用,它们可用于允许用户将文件上载到服务器(有关更多信息,请参阅上载文件 )。

以下示例允许用户使用 file 输入从其文件系统中选择文件,并将该文件上载到名为 upload_file.php 的服务器上的脚本中。

<form action="upload_file.php" method="post" enctype="multipart/form-data">
    Select file to upload:
    <input type="file" name="fileSubmission" id="fileSubmission">
    <input type="submit" value="Upload your file" name="submit">
</form>

多个文件

添加 multiple 属性,用户将能够选择多个文件:

<input type="file" name="fileSubmission" id="fileSubmission" multiple>

接受文件

Accept 属性指定用户可以选择的文件类型。例如 .png.gif.jpeg

<input type="file" name="fileSubmission" accept="image/x-png,image/gif,image/jpeg" />