要在 `textarea` 框中顯示文本文件的內容,您需要使用以下步驟:
1. 使用 HTML 創建一個 `textarea` 元素:
這將創建一個具有指定行數和列數的 `textarea` 元素,并為其指定了一個唯一的 ID(這里是 "myTextarea")。
2. 使用 JavaScript 從文本文件加載內容并將其填充到 `textarea` 中。您可以使用 `XMLHttpRequest` 或 `fetch` 方法來獲取文本文件的內容。
var textarea = document.getElementById("myTextarea"); var fileInput = document.getElementById("fileInput"); // 假設有一個 元素用于上傳文件 var file = fileInput.files[0]; // 獲取用戶選擇的文件 var reader = new FileReader(); reader.onload = function(event) { textarea.value = event.target.result; }; reader.readAsText(file);
請確保將上述代碼放置在適當的位置,例如在頁面加載完成后的 JavaScript 代碼塊中。
3. 在您的 HTML 頁面中添加一個文件上傳按鈕,并綁定相應的事件處理程序:
這里的 `onchange` 屬性指定了一個函數 `loadFile()`,該函數在用戶選擇文件后被調用。
通過上述步驟,您就可以在 `textarea` 框中顯示文本文件的內容了。用戶選擇文件后,文件的內容將被讀取并顯示在 `textarea` 中。