Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

77
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!