javascript - JS 保持 Angular 色的常规值

Question

当我运行代码片段(如下所示)时，它将破折号 (-)、单引号和双引号替换为 �。

var button = document.querySelector('#fileInput + button');
var input = document.getElementById('fileInput');
var text = null;
input.addEventListener("change", addDoc);
button.addEventListener("click", handleText);

function addDoc(event) {
  var file = this.files[0];
  var reader = new FileReader();
  reader.onload = function(e) {
    text = reader.result;
    button.removeAttribute("disabled");
  };

  reader.onerror = function(err) {
    console.log(err, err.loaded, err.loaded === 0, file);
    button.removeAttribute("diabled");
  };
  a = reader.readAsText(event.target.files[0]);
  console.log(a);
}

function handleText() {
  addtoPreviousOutput();
  changeOutputParagraph(text);
  button.setAttribute("disabled", "disabled");
}

function changeOutputParagraph(newText) {
  var element = document.getElementById("output");
  element.innerHTML = newText;
}

function addtoPreviousOutput() {
  var previousOutput = document.getElementById("output").innerHTML;
  var previousOutput_sOutput = document.getElementById("previousOutput").innerHTML + "<br />";
  console.log(previousOutput);
  console.log(previousOutput_sOutput);
  document.getElementById("previousOutput").innerHTML = previousOutput_sOutput + previousOutput;
}

<p id="previousOutput"></p>
<p id="output"></p>
<input type="text" id="textInput" onkeypress="getText(event)" />
<input type="file" id="fileInput" accept="text/*" />
<button type="button" id="addDoc">Add Document</button>

为什么会这样以及如何解决它？

编辑

I get this when I run my file which is 176 lines and 22 KB. 注意:这不是全部文字。

Answer 1

readAsText默认情况下将文本读取为 utf-8。您看到 � 而不是预期字符的原因是您的文本文件不是 utf-8 编码。
您可以将文件的编码传递给 readAsText 以正确读取文本。

例如对于拉丁语 1

a = reader.readAsText(event.target.files[0], 'ISO-8859-1');