html是否为文本文件,javascript – 是否可以上传文本文件以输入HTML / JS？

如果您希望使用客户端路线,您将对HTML5 FileReader API感兴趣.不幸的是,没有广泛的浏览器支持,因此您可能想要考虑谁将使用该功能.我认为适用于最新的Chrome和Firefox.

使用Javascript

var fileInput = $('#files');

var uploadButton = $('#upload');

uploadButton.on('click', function() {

if (!window.FileReader) {

alert('Your browser is not supported');

return false;

}

var input = fileInput.get(0);

// Create a reader object

var reader = new FileReader();

if (input.files.length) {

var textFile = input.files[0];

// Read the file

reader.readAsText(textFile);

// When it's loaded, process it

$(reader).on('load', processFile);

} else {

alert('Please upload a file before continuing')

}

});

function processFile(e) {

var file = e.target.result,

results;

if (file && file.length) {

results = file.split("\n");

$('#name').val(results[0]);

$('#age').val(results[1]);

}

}

文本文件

Jon

25