六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

jquery html5 读取本地文件示例代码

Admin | 2016-7-29 9:39:27 | ReadNums | 2590 | 标签 网页制作 | 打印本页
     

  有了html5之后,通过jquery读取本地文件,就变得非常简单了。下面是例子,请大家过目。

  首先,头文件添加如下的引用。

  <script type="text/javascript" src="jQuery.js"></script>

  接着,网页中添加如下的标签。

  <div id="fileDisplayArea"></div>

  最后,就是JS代码了。

  <script type="text/javascript">  
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<GetStr.length;i++)
                {                   
                    //alert(GetStr[i].split(",")[0]);

      alert(GetStr[i]);

                }
            }
        }
        else
        {
            fileDisplayArea.innerText = "不支持该类型的文件!"
        }
    });
}

  </script>

  提示:注意哦,例子中的文本文件,内容形如:

  19126210091383,姓名,26,36,30,信息技术
  19126210091485,姓名,26,36,1,信息技术
  19126210091486,姓名,24,36,2,信息技术
  19126210090715,姓名,22,36,3,信息技术
  19126210091220,姓名,20,36,4,信息技术


问题未解决:在线咨询我要在线咨询问题

香港2o18年今睌开奖

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日