js 图片转base64的简单方式

通过ajax获取图片进行转换

       function ajax(method,url,async){
            var xmlHttp = new XMLHttpRequest()
            xmlHttp.open(method, url, true)
            xmlHttp.responseType = 'blob'
            xmlHttp.send()
            xmlHttp.onload = function() {
                if(xmlHttp.readyState ==  xmlHttp.DONE) {
                    var blob = this.response
                    console.log(blob)
                    var ofile = new FileReader()
                    ofile.onloadend = function(e) {
                        console.log(e.target.result)
                    }
                    ofile.readAsDataURL(blob)
                }
            }
        }
        ajax('get','./img/blob.png')

注：其中的this关键字看起来可能会很奇怪，按照this的定义（当前调用所在的位置明确this的指向），this = xmlHttp

代码中也可以使用ajax很常用的判断  xmlHttp.readyState == 4 && xmlHttp.status == 200也表示请求成功