ファイルアップロード時にgas側への渡し方を(.parentNode)以外で

Question

###前提・実現したいこと

Google Apps Scriptについて質問させて頂きます。

ローカルにあるファイルを
Googleドライブに保存する機能を実装しています。

今回実現したいことは
フォームからファイルをアップロードさせたい。

###試した事

gas側へ値を渡したいのですが上手くいきませんでした。
ちなみに
<input id="files" name="myFile" type="file" class="form-control-file" multiple/>

<div id ="fileUp"></div> として var file = document.getElementById('fileUp') google.script.run.sendForm(file.parentNode)

とやってもgas側ではNullまたは
InvalidArgumentError: Failed due to illegal value in property: 0
のエラーがでてしまいました。

###ファイルをGoogleドライブに保存するコード

     <div class="form-group">
         <label for="FormControlTextarea1">本文</label>
         <textarea class="form-control" id="post_FormControlTextarea1" rows="15" name="New_post_content"></textarea>
        </div>
            <div class="form-group">
             <label for="file">添付ファイル</label>
             <input id="files" name="myFile" type="file" class="form-control-file" multiple/>
            </div>
      </div>
      <div class="modal-footer">
        　<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">閉じる</button>
          <button id="send_new_post" type="button" class="btn btn-outline-success btn-sm" onclick="Airtcle_New_Save()"><span data-feather="check"></span>投稿</button>
      </div> 

function Airtcle_New_Save(){
  
  var file =document.getElementById('files');
  

google.script.run.sendForm(file)


}

function sendForm(theForm){
 console.log(theForm)
  var fileBlob = theForm.myFile;
  var folder = DriveApp.getFolderById('XXXXXXXXXXXXX');
  var doc = folder.createFile(fileBlob);

}

Answer 1

    function Airtcle_New_Save(){
      const f = document.getElementById('files');
      [...f.files].forEach((file, i) => {
        const fr = new FileReader();
        fr.onload = (e) => {
          const data = e.target.result.split(",");
          const obj = {fileName: f.files[i].name, mimeType: data[0].match(/:(\w.+);/)[1], data: data[1]};
          google.script.run.withSuccessHandler((id) => {
            console.log(id);
          }).saveFile(obj);
        }
        fr.readAsDataURL(file);
      });
    }

GAS側のスクリプト

function saveFile(obj) {
  const folder = DriveApp.getFolderById('XXXXXXXXXXXXX');
  const fileBlob = Utilities.newBlob(Utilities.base64Decode(obj.data), obj.mimeType, obj.fileName);
  const doc = folder.createFile(fileBlob);
  return doc.getId();
}

参考：
https://tanaikech.github.io/2018/12/22/uploading-multiple-files-from-local-to-google-drive-using-google-apps-script/

Comments

[kimi0555]

ありがとうございました！！
出来ました！！
ただ、エラーメッセージは相変わらずで
TypeError: Failed due to illegal value in property: 0
がログに吐き出されるのですが問題はないのでしょうか？

[退会済みユーザー]

特にこちらではそのエラー出ていないようなので、質問文に記載以外の部分が原因かと思います。ただ、記載されていない部分についてはわかりかねます。　

もともとのエラーの原因はgoogle.script.runの引数にDOMなどプリミティブではないものを直接渡そうとしていたことに起因すると考えられます。
他の部分でそのような部分はないでしょうか？

[kimi0555]

ご指摘の通りでした。
別のイベントハンドラが原因でした。
ありがとうございました！