Question

我试图通过上传按钮从用户那里获取一个xml文件而不是解析它。以下是我的代码 -

＆＃13;

function handleFileSelect(evt) {
  var xml = evt.target.files[0];
  console.log(xml);
  var xmlDoc = $.parseXML(xml),
    $xml = $(xmlDoc),
    $title = $xml.find("title");
  console.log($title.text());
}

$("#file").change(handleFileSelect);

$("#upload").click(function(e) {
  e.preventDefault();
  if ($("#file").val() == "") {
    alert("Select a xml file for upload!");
  }
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Upload xml ...</h2>
<input type="file" id="file" accept=".xml" />
<button id="upload">Upload it</button>
<div id="xml-data"></div>

＆＃13;

我正在使用此xml文件测试我的代码 -

<?xml version="1.0" encoding="UTF-8" ?>
<Awmds>
    <General_segment>
    <title>Just a title</title>
   </General_segment>
</Awmds>

我试图在控制台中记录xml文件的 title 属性的值，并返回一个空字符串。

我似乎无法正确定位上传的文件。我该如何解决这个问题？

以下是代码的实时jsFiddle - https://jsfiddle.net/ni8mr/6kd6h6v4/4/

定位上传的文件

0 个答案: