php blob转为base64,将blob转换为base64

所以问题是你想要上传一个基础64图像，你有一个blob网址。现在，适用于所有html 5浏览器的答案是：执行：var fileInput = document.getElementById('myFileInputTag');

var preview = document.getElementById('myImgTag');

fileInput.addEventListener('change', function (e) {

var url = URL.createObjectURL(e.target.files[0]);

preview.setAttribute('src', url);

});function Upload(){

// preview can be image object or image element

var myCanvas = document.getElementById('MyCanvas');

var ctx = myCanvas.getContext('2d');

ctx.drawImage(preview, 0,0);

var base64Str = myCanvas.toDataURL();

$.ajax({

url: '/PathToServer',

method: 'POST',

data: {

imageString: base64Str         },

success: function(data) { if(data && data.Success) {}},

error: function(a,b,c){alert(c);}

});

}