JavaScriptを使用してXMLデータをプルする

Question

1つのノードをディスパッチしようとしています。内部HTMLページの "title"は必要ですが、デスクトップに保存されているXML文書からデータを取り出す必要がありますが、XML文書が見つからないようです。私は何を追加するのか、この問題にどのように対処するのか分からないのですか？どんな助けでも大歓迎です！多くのおかげであなたはセキュリティ上の理由から、あなたのシステムの絶対パスからファイルにアクセスすることはできませんすべての

var parser, xmlDoc; 
 
var text = loadXMLDoc("/Desktop/test.xml"); 
 

 
parser = new DOMParser(); 
 
xmlDoc = parser.parseFromString(text,"text/xml"); 
 

 
document.getElementById("demo").innerHTML = 
 
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

Answer 1

まず。最初にファイルをアップロードし、XMLコンテンツを処理できるようにする必要があります。

以下のリンクをたどって、小さなスニペットを作成しようとしました。

HTML：

<div> 
    <label id="txtFileInfo"></label> 
    <input id="xmlFile" type="file"> 
</div> 

JS：

(function($){ 

    $('#xmlFile').unbind('change') 
    .bind('change', function(e){ 
    if(this.files.length > 0){ 
     var file = this.files[0]; 
     if(file.type == 'text/xml'){ 
      setTimeout(function(){ 
       console.log('Reader'); 
      var reader = new FileReader(); 
      reader.addEventListener('load', function(){ 
       console.log(reader.result); 
       parser = new DOMParser(); 
       xmlDoc = parser.parseFromString(reader.result, file.type); 
       console.log(xmlDoc); 
      }); 
      reader.readAsDataURL(file); 
      }, 100); 
     } 
     // $('#txtFileInfo').text('Type: '+ file.type); 
    } 
    }); 


})($); 

https://codepen.io/smtgohil/pen/gGWoRe

すべてのベスト。