Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

79
Vistas
Cargue una imagen de entrada tomada de la aplicación web en google drive con google script

Encontré algo similar aquí , pero parece mucho más complicado de lo que necesito.

Estoy cargando una imagen en una aplicación web y me gustaría guardar la imagen en Google Drive.

Tengo problemas para pasar el archivo en un formato legible para DriveApp.getFolderById("xxxxxxxxxxxxx").createFile(file); y me sigue dando error. No sé cómo pasar el archivo en el formato correcto.

HTML:

 <input id = "output2" type="file" accept="image/*"> <script> document.getElementById('output2').addEventListener('change', (e) => triggerF(e.target.files)); </script> function triggerF(file) { console.log("event triggered"); console.log(file.name); google.script.run.withSuccessHandler(yourCallBack1).upload(file)} function yourCallBack1() { console.log("callback called"); }

SG:

 function upload(e) { const file = new Blob(e); const filecreat = DriveApp.getFolderById("xxxxxxxxxxxxx").createFile(file); console.log("created file"); }

ACTUALIZACIÓN: la solución n. ° 2 de Tanaike funciona para mí. Por favor verifique a continuación.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Creo que su objetivo es el siguiente.

  • I am uploading an image to a webapp and I would like to save the image into google drive. , desea cargar un archivo de imagen mediante Web Apps.

En este caso, ¿qué tal la siguiente modificación?

Guión modificado 1:

Afortunadamente, el error del análisis del formulario HTML se ha eliminado. Ref Por esto, puede utilizar el siguiente script modificado.

Lado HTML y Javascript:

 <form><input id = "output2" name="file" type="file" accept="image/*"></form> <script> document.getElementById('output2').addEventListener('change', (e) => triggerF(e.target.parentNode)); function triggerF(file) { console.log("event triggered"); google.script.run.withSuccessHandler(yourCallBack1).upload(file); } function yourCallBack1() { console.log("callback called"); } </script>

Lado de Google Apps Script:

 function upload(e) { const filecreat = DriveApp.getFolderById("xxxxxxxxxxxxx").createFile(e.file); console.log("created file"); }

Guión modificado 2:

Como otro método, también puede usar el siguiente script.

Lado HTML y Javascript:

 <input id = "output2" type="file" accept="image/*"> <script> document.getElementById('output2').addEventListener('change', (e) => triggerF(e.target.files[0])); function triggerF(file) { console.log("event triggered"); const fr = new FileReader(); fr.readAsArrayBuffer(file); fr.onload = (f) => { google.script.run.withSuccessHandler(yourCallBack1).upload([[...new Int8Array(f.target.result)], file.type, file.name]); }; } function yourCallBack1() { console.log("callback called"); } </script>

Lado de Google Apps Script:

 function upload(e) { const filecreat = DriveApp.getFolderById("xxxxxxxxxxxxx").createFile(Utilities.newBlob(...e)); console.log("created file"); }

Nota:

  • En su secuencia de comandos, parece que se utilizan aplicaciones web. En este caso, cuando modificó Google Apps Script, modifique la implementación como una nueva versión. Con esto, el script modificado se refleja en Web Apps. Por favor tenga cuidado con esto.
  • Puede ver los detalles de esto en el informe de " Reimplementación de aplicaciones web sin cambiar la URL de las aplicaciones web para el nuevo IDE ".
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda