html自动载入本地文件,jquery html5 读取本地文件示例代码
有了html5之后,通过jquery读取本地文件,就变得非常简单了。下面是例子,请大家过目。
首先,头文件添加如下的引用。
接着,网页中添加如下的标签。
最后,就是JS代码了。
window.onload = function()
{
var fileInput = document.getElementById("fileInput");
var fileDisplayArea = document.getElementById("fileDisplayArea");
fileInput.addEventListener('change', function(e)
{
var file = fileInput.files[0];
var textType = /text.*/;
if (file.type.match(textType))//文本类型的文件
{
var reader = new FileReader();
reader.readAsText(file);
reader.onload = function(e)
{
var GetStr=reader.result.split("\n");//读取记事本文件,换行符为\n
for(var i=0;i
{
//alert(GetStr[i].split(",")[0]);
alert(GetStr[i]);
}
}
}
else
{
fileDisplayArea.innerText = "不支持该类型的文件!"
}
});
}
提示:注意哦,例子中的文本文件,内容形如:
19126210091383,姓名,26,36,30,信息技术
19126210091485,姓名,26,36,1,信息技术
19126210091486,姓名,24,36,2,信息技术
19126210090715,姓名,22,36,3,信息技术
19126210091220,姓名,20,36,4,信息技术
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)