Javascript 加载本地文件

调用 FileReader 加载本地文件

<script type="text/javascript">
    $(document).ready(function() {
        var traces = [];
        // 加载
        $("#loadFile").on("change", function() {
            var targetFile = this.files[0];
            var name = targetFile.name;
            var size = targetFile.size;

            var reader = new FileReader();
            reader.readAsText(targetFile);
            reader.onload = function() {
                console.log("加载完成");
                $("#kcal_result_show").html('');
                var _result = this.result.split(/\\n|\n/);
                traces = [];
                for (var i = 0, length = _result.length; i < _result.length; i++) {
                    traces.push({'cl': _result[i]})
                }
            };
            reader.onerror = function() {
                console.log("加载失败");
            }
        });
    });
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 昨天接到一个需求,一个营销人员做线下活动,想弄一个人脸识别认证的功能。刚开始听,wtf,H5能人脸识别???后来老...
    MrOldK阅读 11,306评论 2 1
  • 前端无法像原生APP一样直接操作本地文件,否则的话打开个网页就能把用户电脑上的文件偷光了,所以需要通过用户触发,用...
    孙悟空SUN阅读 3,122评论 0 0
  • 这次给大家带来h5+js实现本地文件读取和写入,h5+js实现本地文件读取和写入的注意事项有哪些,下面就是实战案例...
    PHP9年架构师阅读 5,278评论 0 10
  • 一 目的 在Html上选择本地文件夹,自动读取文件夹及子文件夹下的所有图片并显示在页面。 技术分析: 存在问题 H...
    Hank_谢旱阅读 23,488评论 1 2
  • 前端无法像原生APP一样直接操作本地文件,否则的话打开个网页就能把用户电脑上的文件偷光了,所以需要通过用户触发,用...
    雷波_viho阅读 4,227评论 0 1