Solo estoy tratando de cargar un archivo (menos de 5 MB) a mi propio Google Drive personal desde HTML2Canvas. Soy nuevo y estoy tratando de aprender. La documentación es muy confusa y no tiene ningún ejemplo de una carga simple.

Ya configuré la API de Google Drive y la probé con la guía de inicio rápido en https://developers.google.com/drive/api/v3/quickstart/js . Esto funciona perfectamente, pero no es útil para lo que estoy tratando de hacer.

Estos son los pasos básicos de lo que estoy tratando de hacer:

1. (HECHO) Generar imagen usando HTML2Canvas.
2. (HECHO) Guarde la imagen con un nombre único en el directorio de mi sitio web en una nueva carpeta.
3. (NO HECHO) Guarde la imagen en mi unidad de Google personal en una nueva carpeta.

Aquí está mi código ACTUAL que funciona hasta el n. ° 2 (puede probar lo que tengo hasta ahora en https://www.cardobot.com ). No tengo idea de cómo publicar en mi unidad de Google correctamente. Realmente necesito ayuda paso a paso en este punto.

JAVASCRIPT (Esto funciona exactamente como se esperaba)

 let ln_un = n_inp2.value() + n_inp1.value(); //SEND CARD TO SERVER function saveCardtoServer() { html2canvas(document.getElementById("cardCritter"), {scale:4, backgroundColor:"#eafefc"}).then(function(canvas) { var dataURL = canvas.toDataURL("image/png"); var user_Name = ln_un; $.ajax({ type: "POST", url: "savePNG.php", data: { img: dataURL, unm: user_Name } }).done(function(msg){ alert(msg); }); }); }

A continuación se muestra savePNG.php (Esto funciona exactamente como se esperaba)

 <?php $img = $_POST['img']; $unm = $_POST['unm']; if (strpos($img, 'data:image/png;base64') === 0) { $img = str_replace('data:image/png;base64,', '', $img); $img = str_replace(' ', '+', $img); $data = base64_decode($img); $path = "images/userCards/{$unm}/"; if ( ! is_dir($path)) { mkdir($path); } ; $file = ("images/userCards/{$unm}/".date(Ymdhis).$unm.'.png'); if (file_put_contents($file, $data)) { echo "CARD SAVED!"; } else { echo 'CARD NOT SAVED!'; } } ?>

AHORA, ¿cómo publico la imagen en mi disco personal de Google usando la API de Google Drive? He intentado publicar de la misma manera que publiqué la otra imagen, y he intentado seguir CADA guía y publicación que puedo encontrar en StackOverflow y otros sitios web, pero nada ha funcionado.

Soy nuevo en esto, así que realmente necesitaré ayuda paso a paso.

¡Muchas gracias por cualquier ayuda!