如何在 HTML 中为文件输入框设置值?

htmlweb developmentfront end technology更新于 2024/6/18 19:24:17

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

<input type = "file">

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

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

让我们看一些使用输入类型 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文件。

多个文件选择

示例

这允许用户上传多个文件。在输入类型中设置"多个"，按钮将显示选择文件以选择多个文件 -


<!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>