我想将我以表单上传的txt文件转换为javascript中的字符串。
我的文本文件中的文本是“我的名字是 x”。
现在我想将文件的文本作为字符串存储在 javascript 中。
有基本功能吗？寻找简单的解决方案
**注意：不想使用node.js
async function readFile(file) {
const text = await file.text();
console.log(text); // Will output: "my name is x"
return text;
}
// Usage
fileInput.addEventListener('change', async (e) => {
const text = await readFile(e.target.files[0]);
// Use your text here
});
是的，您可以使用 JavaScript 中的 FileReader API 轻松实现此目的。下面是一个读取 .txt 文件的内容并将其存储为字符串的简单示例： HTML 和 JavaScript 代码
<!DOCTYPE html>
<html>
<head>
<title>Read Text File</title>
</head>
<body>
<h1>Upload a Text File</h1>
<input type="file" id="fileInput" accept=".txt" />
<p id="fileContent"></p>
<script>
document.getElementById("fileInput").addEventListener("change", function(event) {
const file = event.target.files[0]; // Get the uploaded file
if (file) {
const reader = new FileReader(); // Create a FileReader object
reader.onload = function(e) {
const fileContent = e.target.result; // Get the file content as a string
console.log(fileContent); // Output the content to console
document.getElementById("fileContent").innerText = fileContent; // Display content
};
reader.readAsText(file); // Read the file as a text
} else {
alert("No file selected.");
}
});
</script>
</body>
</html>