Soy nuevo y estoy probando la función blob. Quiero saber cómo veo el resultado de esta función de convertImgToBase64URL . Quiero saber la diferencia entre el método 1 y el método 2.

Método 1

 function convertImgToBase64URL(url, callback, outputFormat){ var img = new Image(); img.crossOrigin = 'Anonymous'; img.onload = function(){ var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), dataURL; canvas.height = img.height; canvas.width = img.width; ctx.drawImage(img, 0, 0); dataURL = canvas.toDataURL(outputFormat); callback(dataURL); canvas = null; }; img.src = url; } convertImgToBase64URL('http://upload.wikimedia.org/wikipedia/commons/4/4a/Logo_2013_Google.png', function(base64Img){ alert('it works'); $('.output').find('img').attr('src', base64Img); });

Método 2

 fetch('https://upload.wikimedia.org/wikipedia/commons/7/77/Delete_key1.jpg') .then(res => res.blob()) .then(blob => { myBlob = blob; console.log(myBlob); });

Para el Método 2, puedo ver cómo se convierte la salida. Pero no estoy muy seguro sobre el Método 1. ¿Qué debo consolar. Iniciar sesión en el Método 1 si quiero ver el resultado como el Método 2?