0

我有一个使用本文中的插件架构的 Angular 应用程序在本文 中,构建 bundle.js 文件是使用.import(filepath). 我想要做的不是导入保存的文件,而是上传文件并导入该文件。

我知道如何通过使用以下代码上传来读取和评估 JS 文件。但是,我不确定如何使它与 Angular 构建文件一起使用。任何想法?

function handleFileInput(files) {
  var fileContent = document.getElementById('contnt');
  var fileToUpload = files.item(0);
  var textType = /text.*/;

  if (fileToUpload.type.match(textType)) {
    var reader = new FileReader();

    reader.onload = function(e) {
      const x = eval(reader.result)
      fileContent.innerText = x;
    }

    reader.readAsText(fileToUpload);
  } else {
    fileContent.innerText = "File not supported!"
  }
}
<input id="fileInput" type="file" name="file" (change)="handleFileInput($event.target.files)" />
<pre id="fileContent"></pre>

<div id="contnt"></div>

4

0 回答 0