在javascript中读取blob的内容

在javascript中读取blob的内容,javascript,xml,html,blob,Javascript,Xml,Html,Blob,最后,我成功地在本地创建了一个xml文件,并使用HTML 5中的JavaScript和BLOB将其下载到pc上。(如下面的代码所示) 此文件可以存储为文本或xml类型。 现在我的问题是如何使用JavaScript打开这个文件(同样是从PC的本地磁盘打开),并以HTML形式将特定节点的值加载到相应的字段中 有人能帮我吗 //要保存内容,请执行以下操作: function savedata() { var feederdocument = document.create

最后,我成功地在本地创建了一个xml文件,并使用HTML 5中的JavaScript和BLOB将其下载到pc上。(如下面的代码所示)

此文件可以存储为文本或xml类型。 现在我的问题是如何使用JavaScript打开这个文件(同样是从PC的本地磁盘打开),并以HTML形式将特定节点的值加载到相应的字段中

有人能帮我吗

//要保存内容,请执行以下操作:

  function savedata() {

            var feederdocument = document.createElement("FeederDocument");
            var feederreport = document.createElement("FeederReport");
            if (document.getElementById("feederserialnumber").value == '') {
                alert('Please Enter the Serial Number')
            }
            else {

                var fileextns = '.xml';

                if (fileextns == '.xml') {
                    var xmlString = '<?xml version="1.0" encoding="utf-8" ?>';
                }
                else {
                    var xmlString = '';
                }

                var orderdata = document.createElement("OrderData");

                orderdata.appendChild(document.createElement("ClientName"));


                orderdata.appendChild(document.createElement("ContactPerson"));
                orderdata.appendChild(document.createElement("Country"));
                orderdata.appendChild(document.createElement("Designation"));
                orderdata.appendChild(document.createElement("Reference"));
                orderdata.appendChild(document.createElement("Department"));
                orderdata.appendChild(document.createElement("OrderNumber"));
                orderdata.appendChild(document.createElement("PhoneNumber"));
                orderdata.appendChild(document.createElement("SpecialistName"));
                orderdata.appendChild(document.createElement("MobileNumber"));
                orderdata.appendChild(document.createElement("Duration"));
                orderdata.appendChild(document.createElement("Emailid"));

                feederreport.appendChild(orderdata);
                feederdocument.appendChild(feederreport);

请检查代码的格式,并尝试在每篇文章中提出一个问题。(请注意,您的示例代码可能会大大缩短,以便一次只关注一个问题)。@Alexi-谢谢您提醒我。。必要的更正不可能做你想做的事情-不确定你发布的代码是如何相关的,它是如何工作的,并且与问题无关。显示一些随机代码与显示@Jaromanda X有问题的代码不同这是代码的一部分(仍在工作);正如我之前所说,我能够为我的srevice报告表单的内容生成有效的xml文件。若你们能帮助我阅读blob的内容,并将节点的值分配给特定字段,这将对我有很大帮助,或者更确切地说,请让我知道你们还需要什么澄清?-谢谢,请检查你们代码的格式,并尝试在每篇文章中问一个问题。(请注意,您的示例代码可能会大大缩短,以便一次只关注一个问题)。@Alexi-谢谢您提醒我。。必要的更正不可能做你想做的事情-不确定你发布的代码是如何相关的,它是如何工作的,并且与问题无关。显示一些随机代码与显示@Jaromanda X有问题的代码不同这是代码的一部分(仍在工作);正如我之前所说,我能够为我的srevice报告表单的内容生成有效的xml文件。若你们能帮助我阅读blob的内容,并将节点的值指定给特定字段,这将对我有很大帮助,或者更确切地说,请让我知道你们还需要什么澄清?-谢谢
var res = xmlString.concat(feederdocument.innerHTML);
            var textFileAsBlob = new Blob([res], { type: 'text/html' });
            var fileNameToSaveAs = (document.getElementById("feederserialnumber").value).concat(fileextns);

            var downloadLink = document.createElement("a");
            downloadLink.download = fileNameToSaveAs;
            downloadLink.innerHTML = "Download File";
            if (window.webkitURL != null) {

                downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
            }
            else {

                downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
                downloadLink.onclick = destroyClickedElement;
                downloadLink.style.display = "none";
                document.body.appendChild(downloadLink);
            }

            downloadLink.click();
        }
        function destroyClickedElement(event) {
            document.body.removeChild(event.target);
        }