Google Apps ScriptのV8でGoogleドライブへのフォーム経由ファイルアップロードに不具合

2020年5月1日2023年10月22日

2020年5月時点において、Google Apps Script(GAS)のV8を有効にした状態で、HTMLファイルで用意したフォームを経由してGoogleドライブへのファイルアップロードを行おうとすると、アップロードしたファイルが破損してしまう事象が発生しています。

1. GASで画像ファイルをGoogleドライブにアップロードすると不具合
2. なぜGASのフォームでアップした画像ファイルが開けない？
3. テキストファイルやHTMLファイルは問題なし
4. 不具合回避策はGASのV8を無効にする
5. まとめ・終わりに

GASで画像ファイルをGoogleドライブにアップロードすると不具合

不具合の事象としては、Google Apps Script(GAS)で以下の３つを実現しようとすると発生します。

GASでHTMLファイルでファイルアップロードのフォームを用意
アップロードボタンをトリガーにGASのスクリプトを起動
フォームで設定した画像ファイルをGoogleドライブにアップロード

下記のようなGASのコードを用意して、Googleドライブにアップロードしようとすると、Googleドライブ上で画像が開けなくなります。

doget関数で表示するフォームのHTMLファイル

GASで公開したWebアプリケーションとして読み込むフォームのHTMLファイルは以下の通りです。

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script>
      // Prevent forms from submitting.
      function preventFormSubmit() {
        var forms = document.querySelectorAll('form');
        for (var i = 0; i < forms.length; i++) {
          forms[i].addEventListener('submit', function(event) {
            event.preventDefault();
          });
        }
      }
      window.addEventListener('load', preventFormSubmit);

      function handleFormSubmit(formObject) {
        google.script.run.withSuccessHandler(updateUrl).processForm(formObject);
      }
      function updateUrl(url) {
        var div = document.getElementById('output');
        div.innerHTML = '<a href="' + url + '">ファイルリンク</a>';
      }
    </script>
  </head>
  <body>
    <form id="myForm" onsubmit="handleFormSubmit(this)">
      <input name="myFile" type="file" />
      <input type="submit" value="Submit" />
    </form>
    <div id="output"></div>
 </body>
</html>

ファイルをGoogleドライブにアップロードするGASコード

フォームで入力されたファイルをGoogleドライブにアップロードするGASコードはこちらです。

Google Apps Script(GAS)で用意したHTMLフォーム経由でGoogleドライブに画像ファイルなどをアップロードすると破損して読み込めなくなるバグが発生する

//フォームのSubmitボタンがクリックされた際に実行する関数
function processForm(formObject) {
  //フォームに添付されたファイルをBlob形式で取得する
  var formBlob = formObject.myFile;
  //取得したファイルをGoogleドライブに格納する
  var driveFile = DriveApp.createFile(formBlob);
  //ファイルの共有リンクを有効にし、誰でも閲覧できるようにする
  driveFile.setSharing(DriveApp.Access.ANYONE_WITH_LINK, DriveApp.Permission.VIEW);
  //アップロードしたファイルのURL情報を取得し、返り値に設定する
  var file_url = drive_file.getDownloadUrl();
  return file_url;
}

フォームでSubmitボタンが押されたタイミングでprocessForm関数が実行され、Googleドライブにファイルがアップロードされます。