Google App Script Form Oluşturma ve Dosya Yükleme

Merhabalar, Google Form‘a dosya yüklemek için gerekli adımları birlikte inceleyelim. Öncelikle Google App Script dökümanlarına bir göz atalım.

Google App Script

GAP ile çevrimiçi hazırladığınız kullanıcı formlarından alınan bilgileri Exel üzerine tutabilir, gruplandırabilir; eklenen fotoğrafları ise ilgili başvuru Id’si ile Google Driver hesabınızda depolayabilirsiniz.

Code.GS

var submissionSSKey = '--ID--';
var folderId        = "--ID--";


function doGet(e) {
  var template    = HtmlService.createTemplateFromFile('form.html');
  template.action = ScriptApp.getService().getUrl();
  return template
  .evaluate()
  .setSandboxMode(HtmlService.SandboxMode.IFRAME)
  .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL); 
  
}


function processForm(theForm) {

  var img               = theForm.img;
  var folder            = DriveApp.getFolderById(folderId);
  var doc               = folder.createFile(img);
  var template          = HtmlService.createTemplateFromFile('thanks.html');
  var name              = template.name               = theForm.name;
  var file              = template.doc  = doc.getUrl();
  var sheet             = SpreadsheetApp.openById(submissionSSKey).getSheets()[0];
  var lastRow           = sheet.getLastRow();
  var targetRange       = sheet.getRange(lastRow+1, 1, 1, 2).setValues([
    [
      mert,
      file
      
    ]
  ]);

  return template.evaluate().getContent();
}

Form.HTML

<script>
  function bosluk() {
    if ($('#myForm')[0].checkValidity()!= false) {
      var myFormObject = document.getElementById('myForm');
        toggle_visibility('formDiv');
        toggle_visibility('inProgress');
        google.script.run
        .withSuccessHandler(updateOutput)
        .processForm(myFormObject)
    }else{
       $('#myForm').checkValidity();

    }
  }

 function updateOutput(resultHtml) {
     toggle_visibility('inProgress');
     var outputDiv = document.getElementById('output');
     outputDiv.innerHTML = resultHtml;
   }

function toggle_visibility(id) {
     var e = document.getElementById(id);
     if(e.style.display == 'block')
       e.style.display = 'none';
     else
       e.style.display = 'block';
   }

</script>

<div style="display:block;" id="formDiv"  >
  <form id="myForm">
    <input type="text" name="name" value="">
    <input type="file" name="img" value="">
    <input type="submit" class="btn btn-lg btn-info" value="Gönder!"onclick="bosluk(); return false;" />
  </form>
</div>
<div id="inProgress" style="display: none;">
  Yükleniyor..
</div>
<div id="output">
</div>

Thanks.HTML

<h1>Sn. <?= name; ?></h1>
<p>Başvurun tarafımıza ulaştı, sana en kısa zamanda dönüş yapacağız.</p>

Kaynaklar:

https://developers.google.com/apps-script/

Örnek Çalışma:

1 thought on “Google App Script Form Oluşturma ve Dosya Yükleme

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.