如何在HTML中设置文件输入的值？

要在HTML中设置文件输入的值，请使用type属性。它定义了一个浏览按钮，用于通过文件选择字段上传文件：

<input type = "file">

但是，出于安全原因，我们无法在HTML中为文件输入设置特定值。即使我们设置一个这样的值，也不会发生任何事情：

<input type="file" value="E:/new/resume.docx">

让我们看一些使用input type file上传单个和多个文件的例子。

仅选择一个文件

示例

这允许用户只上传单个文件：


<!DOCTYPE html>
<html>
<body>
   <h1>Resume</h1>
   <p>Upload your resume:</p>
   <form action="/details.php">
      <label for="myfile">Select a file:</label>
      <input type="file" id="myfile" name="myfile"><br><br>
      <input type="submit">
   </form>
</body>
</html>

输出

点击选择文件按钮上传文件：

我们将上传上面的Resume.docx文件。

选择多个文件

示例

这允许用户上传多个文件。在输入类型中设置multiple属性，按钮将显示选择文件用于选择多个文件：


<!DOCTYPE html>
<html>
<body>
   <h1>Resume</h1>
   <p>Upload your resume:</p>
   <form action="/details.php">
      <label for="myfile">Select a file:</label>
      <input type="file" id="myfile" name="myfile" multiple><br><br>
      <input type="submit">
   </form>
</body>
</html>