如何在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>