图片，文件转base64

选择图片的使用的input

 <input id="fileId2" type="file" accept="image/*"/>

图片转base64

        // 图片转化为base64格式 转化需要时间
        var reader = new FileReader();
        // 选择的文件
        var file = document.getElementById('fileId2').files[0];
        console.log(file.type);
        //判断是否为图片
        if (!/image\/\w+/.test(file.type)) {
          return false;
        }
        reader.readAsDataURL(file);
        reader.onload = function (e) {
          // 转化的base64格式
          this.result = reader.result
        }

选择文件使用的input

<input id="fileId3" type="file"/>

文件转base64

        // 文件转化为base64格式 转化需要时间
        var files = document.getElementById('fileId3').files[0];
        let fileReader = new FileReader()
        let that = this
        let UserGuideFile
        fileReader.onload = function () {
           //转化的base64
          that.base64 = this.result
        }
        fileReader.readAsDataURL(files)

它们转化的时候需要一定的时间，在后面写自己的代码的时候需要注意一下

之前的文章有base64转文件和图片封装好的代码