Question

我正在使用带有Chorome 21的HTML5 FileAPI来创建，读取和修改“users.xml”文件，一切正常，第一次代码读取和修改xml，但是第一次之后，读者没有没有正确读取xml，看起来像freader（我的FileReader var对象）保留了以前的结果并弄乱了新的读取操作。原始的xml：

<?xml version='1.0' encoding='utf-8'?><users></users>

我的代码读取并添加一个新的子节点：

    fs.root.getFile('users.xml', {}, function(fileEntry) {      
    fileEntry.file(function(file) { 
        var freader = new FileReader();             
        freader.onloadend = function(theFile) {                     
            console.log("before: " + this.result);

            var strcontent = this.result;
            fileEntry.createWriter(function(fileWriter) {                       

                var parsed = new DOMParser().parseFromString(strcontent, "text/xml");   

                var users= parsed.getElementsByTagName("users")[0];                                             

                var user = parsed.createElement("user");
                user.setAttribute('id',txt_rfc.value);
                var name = parsed.createElement("name");
                var textname = parsed.createTextNode(txt_name.value);
                name .appendChild(textname);
                user.appendChild(name);
                users.appendChild(user);                                                                                                                                                                    

                var serializer = new XMLSerializer();
                var str = serializer.serializeToString(parsed);
                                    console.log("after: " + str);
                var bb = new Blob([str],{type:'charset=utf-8'});    
                fileWriter.write(bb);                           

            }, errorHandler);
        };
        freader.readAsText(file);

    }, errorHandler);       
}, errorHandler);

}

第一次执行正确读取和写入xml，如下所示：

<?xml version="1.0" encoding="utf-8"?><users><user id="1"><name>John</name></user></users>

但是下一次执行FileReader会显示这样的读取结果（这不是真的并且是错误的）：

<?xml version='1.0' encoding='utf-8'?><users/>ser id="1"><name>John</name></user></users>

之后我的代码无法继续写入，因为xml读取结果“已损坏”。看起来像FileReader需要被“清除”或什么......任何想法？ THX !!

Answer 1

尝试这样的createTextNode（），然后尝试解析XML

   var tNode = document.createTextNode(this.result)    
   var parsed = new DOMParser().parseFromString(tNode.nodeValue, "text/xml");

Answer 2

好的，我发现问题是HTML5 FileSystem API工作的异步方式，有时候有点棘手。

我的代码片段是我的真实代码的简化版本;我的实际代码对多个文件进行了多次修改，在某些时候我连续几次调用原始函数，但由于FileSystem API行为是异步的，同一函数的不同实例试图同时修改同一个文件，这是“弄乱”文件。所以发布的代码段工作正常，我只是添加了代码来检查之前的修改是否完成再重新调用该函数。

HTML5 FileReader读取和修改XML的问题

2 个答案: