,可以通过以下步骤实现:
<input type="file" id="fileInput" accept=".txt">
// 获取文件上传的input元素
const fileInput = document.getElementById('fileInput');
// 监听文件选择事件
fileInput.addEventListener('change', function(event) {
// 获取选中的文件
const file = event.target.files[0];
// 创建文件读取器
const reader = new FileReader();
// 监听文件读取完成事件
reader.addEventListener('load', function(event) {
// 读取文件内容
const content = event.target.result;
// 将文件内容存储在JS变量中
const fileContent = content;
// 在控制台输出文件内容
console.log(fileContent);
});
// 以文本格式读取文件
reader.readAsText(file);
});
以上代码中,通过监听文件选择事件,获取选中的文件。然后创建一个文件读取器,监听文件读取完成事件。在文件读取完成事件中,可以通过event.target.result
获取到文件的内容,将其存储在JS变量fileContent
中。最后,可以通过console.log()
在控制台输出文件内容。
这样,当用户选择一个.txt文件后,文件内容就会被存储在JS变量fileContent
中,可以根据实际需求进行后续处理。
领取专属 10元无门槛券
手把手带您无忧上云