<textarea style="width: 90%;height: 300px;"></textarea>
<br>
<input type="file">
<a href="#" download="">保存</a>
<script>
document.querySelector('input[type=file]').addEventListener('change', function () {
let file = this.files[0];
let fr = new FileReader();
fr.readAsText(file);
fr.onload = function () {
document.querySelector('textarea').value = this.result;
document.querySelector('a[download]').download = file.name;
};
});

document.querySelector('a[download]').addEventListener('mouseover', function () {
this.href = 'data:text/plain,' + encodeURIComponent(document.querySelector('textarea').value);
});
</script>