FileReader读取文件(文本和图片)

1.读取文本

                let file = input_file.files[0]
                let fr = new FileReader();
                fr.readAsText(file,'gb2312');  //设置文本格式
                fr.onload = function() {
                   document.body.innerHTML = this.result;
                   console.log(this.result);
                }

2.读取图标做预览图片

                let fileSize = file.size / 1024;  //转换大小单位kb
                let fileMix = file.slice(0,1000); //截取文件
                let img = new Image();   //创建一个图片对象
                let fileReader = new FileReader(); //创建一个FileReader
                fileReader.readAsDataURL(file);  // 读取文件
                fileReader.onload = function() {  // 异步加载
                   
                    img.width = '300'
                    img.height = '500'
                    img.src = this.result;
                    img.border = '3px solid #ccc'
                   document.body.appendChild(img)
                }
posted on 2023-05-12 22:39  Steven_YF  阅读(60)  评论(0编辑  收藏  举报