html 获取本地txt输出,html 5 读取本地文件API

代码:

//上传后

var upLoaded = function(evt) {

var fileString = evt.target.result;

console.log(fileString); //文本内容

};

//change事件

var updateUploadFile = function(evt){

var $target = $(evt.target);

var path = $target.val();

var file = path.match(/[^\/\\]+$/gi)[0];

var filterType = 'txt';

var rx = new RegExp('\\.(' + (filterType ? filterType : '') + ')$', 'gi');

//过滤文件

if(file.match(rx) == null){

alert('请上传txt文件');

return;

}

var files = evt.target.files; // FileList object

if (files[0]) {

var reader = new FileReader();

reader.readAsText(files[0]);

reader.onload = upLoaded;

}

};

$('.J-upload').bind('change', $.proxy(updateUploadFile, this));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 JavaScript 和 DOM API读取本地的 XML 文件,并输出修改。以下是一些示例代码: 1. 读取本地 XML 文件: ```javascript let xmlDoc = new DOMParser().parseFromString(xmlString, "text/xml"); ``` 其中,`xmlString` 是 XML 文件的字符串内容。 2. 获取 XML 结点: ```javascript let node = xmlDoc.getElementsByTagName("nodeName")[0]; ``` 其中,`nodeName` 是 XML 结点的名称。 3. 修改结点内容: ```javascript node.textContent = "new content"; ``` 4. 输出修改后的 XML 内容: ```javascript let xmlStringNew = new XMLSerializer().serializeToString(xmlDoc); console.log(xmlStringNew); ``` 完整的示例代码如下: ```html <!DOCTYPE html> <html> <head> <title>Read and modify local XML file</title> <meta charset="utf-8"> <script type="text/javascript"> function readXMLFile() { let xmlString = ` <?xml version="1.0" encoding="UTF-8"?> <root> <item> <name>Item 1</name> <price>10.00</price> </item> <item> <name>Item 2</name> <price>20.00</price> </item> </root> `; let xmlDoc = new DOMParser().parseFromString(xmlString, "text/xml"); let node = xmlDoc.getElementsByTagName("name")[0]; node.textContent = "New Item Name"; let xmlStringNew = new XMLSerializer().serializeToString(xmlDoc); console.log(xmlStringNew); } </script> </head> <body> <button onclick="readXMLFile()">Read and Modify XML File</button> </body> </html> ``` 注意,在浏览器中读取本地 XML 文件需要使用 `FileReader` 对象,这里的示例代码只是展示了读取和修改 XML 结点的基本方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值