Тёмный

File Loader Web App to Google Drive on Google Sheets 

Code With Curt
Подписаться 16 тыс.
Просмотров 26 тыс.
50% 1

Опубликовано:

 

15 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 62   
@jayasri-ft8040
@jayasri-ft8040 4 года назад
Excellent bro. You are the only person who insist the people became developers. Hand of you sir. I pray to God to bless you became good health and wealth as your expecting way. 👌👌👌👌
@rossmatlashevskiy6304
@rossmatlashevskiy6304 Год назад
Curt, your videos are great to learn from thank you so much. Somewhat related question, do you have a video on how to display a PDF file in Google Web App, the file that is on a Google Drive that is. I'm having issues finding anyone posting videos like that.
@LucXX36
@LucXX36 3 года назад
Is it possible to upload multiple files without sending the form? In case, you want to upload all needed files before sending the form
@Prince_Chaurasia
@Prince_Chaurasia 3 года назад
How to upload file1 file2 file3 with three different file picker in loop . Please help me
@nucdph
@nucdph 3 года назад
Kudo's brother, very nice... works like a charm. We are having a wedding for my daughter, and asking everyone to use their phones to take pictures and videos... basically were crowd sourcing the photography for the wedding! So I needed a very simple and fool proof way for this multitude of people to send me their images later, without the worry of file size or hassle of logging in to something. And YOU my friend are responsible for making that happen with your very thorough tutorial - Thanks! BTW, can I insert a BOT screener in this? If yes, do you already have some code I can use, and where should it be inserted in the code? And just one more thing - how would you code a progress bar in here - having no luck at figuring that out. Best regards...MS
@timonpumbaa715
@timonpumbaa715 2 года назад
Good One, well how to retrieve the png image from the sheet to google sites as images . Pls post a vide on the same with the codes Thanks
@thebossismael1511
@thebossismael1511 3 года назад
Hola amigo, excelente tus vídeos, haces muy bien las cosas, sigue así. 👏🏻👏🏻👏🏻👏🏻👏🏻. Cuando haces un Formulario desde cero y con ID manual, es decir que uno mismo coloque el número de ID y puedas borrar, editar, buscar. Muchas gracias por enseñarnos cada día más. 💪🏻😎👏🏻👏🏻👏🏻
@marcelomeza5569
@marcelomeza5569 Год назад
Hi there, how would you go about adding more entries? Eg. First and last name and such.
@CodeWithCurt
@CodeWithCurt 4 года назад
Google Apps Script Code used in Video: function doGet(e) { var htmlOutput = HtmlService.createTemplateFromFile('UploadFile'); htmlOutput.message = ''; return htmlOutput.evaluate(); } function doPost(e) { Logger.log(JSON.stringify(e)); var destination_id = ''; // ID OF GOOGLE DRIVE DIRECTORY; var destination = DriveApp.getFolderById(destination_id); var data = Utilities.base64Decode(e.parameter.fileData); var blob = Utilities.newBlob(data, e.parameter.mimeType, e.parameter.fileName); destination.createFile(blob); listRecord(e.parameter.username, e.parameter.fileName); var htmlOutput = HtmlService.createTemplateFromFile('UploadFile'); htmlOutput.message = 'File Uploaded'; return htmlOutput.evaluate(); } function listRecord(username, filename) { var url = ''; //URL OF GOOGLE SHEET; var ss= SpreadsheetApp.openByUrl(url); var recordsSheet = ss.getSheetByName("Records"); recordsSheet.appendRow([username, filename, new Date()]); } function getUrl() { var url = ScriptApp.getService().getUrl(); return url; }
@aNDy-qh1em
@aNDy-qh1em 3 года назад
Thank you! Is there any idea on how to export files from google drive to a destination folder on a hard drive?
@ovaismajid8989
@ovaismajid8989 3 года назад
Hey Thanks you so much Can u please help me with a code which makes a form that has multiple files upload option & section based answering like that of google forms. Please help
@Mahesh-Moments
@Mahesh-Moments 3 года назад
I did that...
@ovaismajid8989
@ovaismajid8989 3 года назад
Mahesh P Can u please tell me about that
@tianlimins553
@tianlimins553 3 года назад
Thanks for sharing. It seems to be a problem with your File Loader Web App. I want to upload a file only one time without resubmission but for some reason it kept uploading the same file every time I refresh after submission. Please let me know how to prevent it on your File Loader. Thank you
@toponemarketing3492
@toponemarketing3492 3 года назад
Hi Curt. Great tutorial. Question. What part of the code do I remove if I want to omit the spreadsheet part and just keep visitor uploading file and it goes to my Google drive folder. Thanks...
@toponemarketing3492
@toponemarketing3492 3 года назад
hello
@ishanharshvardhan6687
@ishanharshvardhan6687 3 года назад
Hi it's a really informative video,can you make one where instead of web app the URLs get captured from the Google sheets
@AlapPandit
@AlapPandit 3 года назад
Thanks for such a nice video. Please guide on how to change the code instead of do post i want to run it on clicking upload files button without dopose event..
@EduardoFerreira-lz2zy
@EduardoFerreira-lz2zy 3 года назад
can someone help me .. how do i get the link to the file's URL instead of the file name in the spreadsheet?
@philipevangelista3020
@philipevangelista3020 2 года назад
Thank you for this! I stumbled upon a problem: I tried uploading a video (more than 50mb), it just loads forever and finally it gave me a 413 error (file too large). However, when I uploaded the same video material directly to gdrive, it successfully uploaded it. Do you know any work around for this using app scripts? I'm trying to ask my clients to send a video (for a contest happening in our office) through a webapp. Hope you could help! Thanks!
@kensleylewis
@kensleylewis 11 месяцев назад
ahhhh - the Google sheet is just missing the link back to the uploaded file. Is this easily doable according to the lesson?
@TanuBoutique007
@TanuBoutique007 3 года назад
how to add a progress bar when our files is getting upload??? please help
@aliciareed1999
@aliciareed1999 2 года назад
I am trying to create a Google Site page for work. I need to include a way for users of the site to upload documents, much like what you show here. Is it possible for this to go into the Google Site I have created? Thank you
@marioalves2592
@marioalves2592 Год назад
hi. thank by your code. can you please show me how to add the google drive link of the file uploaded to the google sheets? thank you
@yohanesleonardus2561
@yohanesleonardus2561 2 года назад
Hello Sir, im looking for how to get the data print in just one spesific column, so the data result not horizontal printed, but vertical include if i have new data inputed, can you help me sir?
@CodeWithCurt
@CodeWithCurt 4 года назад
HTML and Javascript Code used in Video: function LoadFile(event) { var file = event.target.files[0]; var reader = new FileReader(); reader.onload = function(e) { console.log(e.target.result); var fileData = e.target.result.substr(e.target.result.indexOf(",")+1); var mimeTypeStart = e.target.result.indexOf("data:") + 5; var mimeTypeEnd = e.target.result.indexOf(";"); var mimeType = e.target.result.substr(mimeTypeStart, mimeTypeEnd - mimeTypeStart); var fileName = file.name; document.getElementById("fileData").value = fileData; document.getElementById("mimeType").value = mimeType; document.getElementById("fileName").value = fileName; }; reader.readAsDataURL(file); } Web App File Loader
@noormohamed9174
@noormohamed9174 3 года назад
Hi thank for teaching basic stuff. in case without refresh page when form submit.
@aboudezoa
@aboudezoa 4 года назад
This is awesome ! , can you do a video on sending emails from webapp ?
@pjos2981
@pjos2981 4 года назад
Sir ,I have a question . How to display a uploded file automatically in a webpage. I hope you getting me Usually when we upload a file it gets stored in a drive. But what I mean is though it's uploded on some folder on Google drive, the link must be displayed automatically in a webpage. Thankyou
@CodeWithCurt
@CodeWithCurt 4 года назад
Do mean how to disable the File Load Button?
@pjos2981
@pjos2981 4 года назад
@@CodeWithCurt I mean once uploaded it automatically appears in webpage. We don't HV to set hyperlink and all
@corbeillepc4511
@corbeillepc4511 3 года назад
very good explain.. I have Question: instead of the name, can I get the URL link of the file on spreadsheet ?
@corbeillepc4511
@corbeillepc4511 3 года назад
I find one solution, maybe not best...? var data = Utilities.base64Decode(e.parameter.fileData); var blob = Utilities.newBlob(data, e.parameter.mimeType, e.parameter.fileName); var fileOutPh = destination.createFile(blob); var fileUrlPh = fileOutPh.getUrl();
@ConsulthinkProgrammer
@ConsulthinkProgrammer 3 года назад
@@corbeillepc4511 use getUrl method in your code.gs
@AnimkomAMVMAD
@AnimkomAMVMAD 3 года назад
can anyone explain in more detail? I still don't understand
@ConsulthinkProgrammer
@ConsulthinkProgrammer 3 года назад
@@AnimkomAMVMAD hmm, may this reference and source code will give you some more practical experience ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-m3Sc7nVLPP8.html
@AnimkomAMVMAD
@AnimkomAMVMAD 3 года назад
@@ConsulthinkProgrammer thank you, I've watched and made a request
@surajsoni1938
@surajsoni1938 2 года назад
I am stuck in line 15 file data how to resolve it
@mutturajbambalwad7639
@mutturajbambalwad7639 3 года назад
Great sir.
@soumitrahldr583
@soumitrahldr583 3 года назад
How to upload in two image?
@jirkasimecek792
@jirkasimecek792 3 года назад
Any idea why I could be getting this? TypeError: Cannot read property 'parameter' var data = Utilities.base64Decode(e.parameter.fileData);
@CodeWithCurt
@CodeWithCurt 3 года назад
It could be on the type of file you are loading. It is having trouble interpreting the file that is being loaded.
@jirkasimecek792
@jirkasimecek792 3 года назад
@@CodeWithCurt Do you mean the "e" or the "fileData"?
@jirkasimecek792
@jirkasimecek792 3 года назад
​@@CodeWithCurt Never mind, I figured it out. Thank you, helped a lot.
@KuyaRicOfPRU
@KuyaRicOfPRU 2 года назад
how do you protect this from malicious attackers who abuse the upload capabilities? what if someone maliciously uploads files over and over again until your drive is full..
@kensleylewis
@kensleylewis 11 месяцев назад
When you deploy the project, there should be settings for who should access it.
@ashishjain-cw6lt
@ashishjain-cw6lt 5 месяцев назад
works well on my windows laptop but the web app is not getting launched from mobile
@reyjoebert
@reyjoebert 2 года назад
How to fix this error "TypeError: Cannot read property 'appendRow' of null (line 32, file "Code")". Thank you so much.
@surajsoni1938
@surajsoni1938 2 года назад
Hello brother help me
@wassup102
@wassup102 2 года назад
"Chance your sheet name as Records. Or use(line 32) ss.getSheetByName("your sheet name");//sheet name given in the bottom of spreadsheet like sheet1." got this from one of the comments here, might help sm1
@hafaramanajemen6851
@hafaramanajemen6851 Год назад
well done and thank you ,, I've also get the same problem and fixed @@wassup102
@hawwinhaw
@hawwinhaw 3 года назад
how to export this to hrml?? for my website
@herschsahay385
@herschsahay385 3 года назад
PLEASE HELP. URGENT. How can I implement it so that anyone can use it to upload file without the requirement of signing on to their Google Accounts? Basically I want to make it available to upload a file on my drive. I tried changing the Share Settings of the Spreadsheet and Drive Folder to 'Anyone can Edit" and Deployed the Web App as "Anyone" instead of "Only me" but still it is asking for users to the Sign-in to their Google Accounts.
3 года назад
me too same problem
@cotychaveS
@cotychaveS 3 года назад
Hola! cómo estan? bien tengo un gran problema y esto ha trabado mi proyecto, ya que mi base de datos es con googlesheets, ya tengo un formulario en html que envía sin problemas a mi gsheets, tengoq ue crear un form para cada cliente, mismos campos pero con diferentes items dentro de un select, o sea, opr cada hoja creada por envio del form de google debería incorporar un script único, alguien me podría ayudar a solucionar esto? llevo mucho tiempo sin poder solucionarlo. MUCHAS GRACIAS!
@prasathsmart4091
@prasathsmart4091 3 года назад
Please anybody tell me how to add another one input box that data will be show in Google sheets for example below the user name I added email input box how to add data automatically show in Google sheets
@programmer313
@programmer313 2 года назад
Simply add input email
@aditrspwdc2651
@aditrspwdc2651 2 года назад
i'm already done with that code, an can to operate,, but why my Image in Drive it can't Preview ??
@bratacomp
@bratacomp 2 года назад
error
@toponemarketing3492
@toponemarketing3492 3 года назад
hello
Далее
Display Google Sheet in Web App
9:14
Просмотров 44 тыс.
UPLOAD FILE FORM
7:44
Просмотров 10 тыс.
Web App - Google Sheets - Form Example
1:24:10
Просмотров 49 тыс.
Filter Google Sheet in Web App
21:08
Просмотров 32 тыс.