mock在js中如何接收上传的txt文件
在JS中可以通过HTML5中的File API来接收上传的txt文件。以下是一个简单的示例:
<input type="file" id="fileInput">
<script>
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', (event) => {
const file = event.target.files[0];
if (file.type === 'text/plain') {
const reader = new FileReader();
reader.addEventListener('load', (event) => {
const fileContent = event.target.result;
console.log(fileContent);
});
reader.readAsText(file);
} else {
console.log('请上传txt文件');
}
});
</script>
在这个示例中,我们首先获取了一个input元素,它的type属性设置为file,允许用户选择文件进行上传。然后我们监听了input元素的change事件,当用户选择了文件之后,我们获取了用户选择的文件对象,并判断了它的类型是否为txt文件。
如果是txt文件,我们使用FileReader对象读取文件内容,并在文件加载完成时打印出文件内容。如果不是txt文件,我们给出了一个提示信息。
原文地址: https://www.cveoy.top/t/topic/beJn 著作权归作者所有。请勿转载和采集!