通过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也表示请求成功