javascript读写文件

一、读取通过input上传的文件的内容

<input type="file" onchange="jsReadFiles(this.files)">
function jsReadFiles(files) {
            if (files.length) {
                var file = files[0];
                var reader = new FileReader();//new一个FileReader实例
                if (/txt+/.test(file.type)) {//判断文件类型,是不是text类型
                    reader.onload = function () {
                        $('.box').append('<pre>' + this.result + '</pre>');
                    }
                    reader.readAsText(file);
                } else if (/image+/.test(file.type)) {//判断文件是不是imgage类型
                    reader.onload = function () {
                        $('.box').append('<img src="' + this.result + '"/>');
                    }
                    reader.readAsDataURL(file);
                }
            }
        }

二、将文本内容保存到本地

  需要引入fileSaver.js文件

  var downloadTextFile = function (mobileCode) {
            // if(isEmpty(mobileCode)) {
            //  mobileCode = '';
            // }

            var file = new File([mobileCode], "手机号.txt", { type: "text/plain;charset=utf-8" });
            saveAs(file);
        }
        downloadTextFile("1qwe")
posted @ 2018-12-11 10:08  下雨了,学习吧!  阅读(639)  评论(0)    收藏  举报