Question

我正在创建一个脚本来将XML文件上传到服务器，您可以在其中输入文件中特定标记的出现频率。现在我想自动执行此操作，以便检查上传的XML文件，以便自动填充先前手动输入的字段。

我只是不明白如何在实际上传文件时获取文件的内容 - 我想使用Javascript进行检查和自动填充。

上传在php中完全实现。

有人对我有想法吗？

编辑：

ngOnInit() {
    this.contriesDp.publicMethod();
    this.citiesDp.publicMethod();
}

所以我有一个带有ID file_input的html表单。我尝试抓取该文件（即XML）进行上传，搜索“node”和“edge”标签的数量，并将这些信息自动填充到html表单中。选择文件时会发生这种情况。这样更好吗？

Answer 1

使用JavaScript中的FileReader功能在上传文档之前获取文档。然后，您可以在将文件发送到服务器之前阅读文件的文本并对其进行预处理。

Answer 2

我找到了答案并将提供完整性。

我的Javascript部分：

var openFile = function (event) {
    var input = event.target;
    var reader = new FileReader();

    reader.onload = function () {
        var anzEdges = (reader.result.match(/<edge/g) || []).length;
        var anzNodes = (reader.result.match(/<node/g) || []).length;
        document.getElementById("nodes").value = anzNodes;
        document.getElementById("edges").value = anzEdges;
    };
    reader.readAsText(input.files[0]);
};

和相关的html代码：

<input type="file" onchange="openFile(event)" name="file_upload" size="60"><br>
<input type="number" id="nodes" name="nodes" min="2" readonly><br>
<input type="number" id="edges" name="edges" min="1" readonly>

检查XML文档是否通过php上传到服务器

2 个答案: