我有一个使用本文中的插件架构的 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>