Vue 上传组件在页面选取的文件转base64并获取文件编码格式

一、安装依赖

npm install jschardet //获取文件编码格式用
import jschardet from 'jschardet' //JS中引入

二、文件转base64

getBase64AndBm (file) { //file为上传文件对象，一般前端所用框架的上传组件before-upload函数可以返回
            return new Promise((resolve, reject) => {
                let reader = new FileReader(), res = {
                    base64: '',
                    bm : ''
                    };
                reader.readAsDataURL(file);
                reader.onload = function (e) {
                    res = {
                        base64: reader.result, //将文件转为base64
                        bm : jschardet.detect(e.target.result).encoding //文件编码格式
                    };
                };
                reader.onerror = function (error) {
                    reject(error);
                };
                reader.onloadend = function () {
                    resolve(res);
                };
            });
        }