如何從 HTML 文件輸入中獲取文件並將其作為附件發送到 Google Apps 腳本中的電子郵件？

Question

此 HTML 代碼使用 Google Script 的類 HTML 服務獲取文件輸入：

（見下文）

我想獲取輸入字段的值（文件），發送到我的 .gs 文件並將其作為電子郵件的附件發送。

從輸入字段中獲取值只是返回文件的目錄，這沒有幫助，因為 Google Apps Script 無法從本地驅動器獲取文件。

我對這個問題進行了長時間的研究，但找不到任何有類似問題的人。

堆棧代碼.gs

function myFunction() {
    var html = HtmlService.createHtmlOutputFromFile('Stack HTML').setWidth(250).setHeight(250);
    SpreadsheetApp.getUi().showModalDialog(html,'Get File');
}

function processEmail(files){
  
  var subject = 'Subject';
  var message = 'Test';
  var recipient = 'test@gmail.com';
  GmailApp.sendEmail(recipient, subject, message, {attachments: files, htmlBody: message, name:'Stack Overflow Test'});  // Doesn't work

  
}

堆棧 HTML.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
  
     <form method="post" enctype="multipart/form-data">
     <div>
     <input type="file" id= "file" multiple = "true">
     </div>
     </form>
     <br><div style="text-align:center"> <input type="submit" name = "submitButton" onclick = "send()" id = "sendButton" value="Send"></div>
     
   <script>
   
   function done(e){
       google.script.host.close();
   }
   
   
   function send(){
      var files = document.getElementById("file").value;
      console.log(files);
      google.script.run.withSuccessHandler(done).processEmail(files);
   }
   
   </script>
  </body>
</html>

Answer 1

您想使用 HTML 和 Javascript 將多個文件從本地 PC 上傳到 Google Drive。
您想將上傳的文件作為電子郵件的附件發送。
您想使用 Google Apps 腳本來實現這一點。

如果我的理解是正確的，這個修改怎么樣？ 請將此視為幾個答案之一。

解決方案：

從您的問題來看，這些文件被用作電子郵件的附件文件。 所以我認為以下流程可以用於您的情況。

從本地 PC 檢索所有文件。
所有文件都匯總為一個對象。
- 此時，文件將轉換為 base64 字符串值。
將對象發送到 Google 端。
在 GAS 端將對象轉換為文件 blob。

修改后的腳本：

請在 HTML 端修改send()如下。

function send() {
  const f = document.getElementById('file');
  Promise.all([...f.files].map((file, i) => {
    const fr = new FileReader();
    return new Promise(r => {
      fr.onload = e => {
        const data = e.target.result.split(",");
        r({fileName: file.name, mimeType: data[0].match(/:(\w.+);/)[1], data: data[1]});
      }
      fr.readAsDataURL(file);
    });
  }))
  .then(obj => {
    google.script.run.withSuccessHandler(done).processEmail(obj);
  });
}

並請修改 GAS 端的processEmail()如下。

function processEmail(obj){
  var files = obj.map(function(e) {return Utilities.newBlob(Utilities.base64Decode(e.data), e.mimeType, e.fileName)});
  var subject = 'Subject';
  var message = 'Test';
  var recipient = 'test@gmail.com';
  GmailApp.sendEmail(recipient, subject, message, {attachments: files, htmlBody: message, name:'Stack Overflow Test'});
}

如何從 HTML 文件輸入中獲取文件並將其作為附件發送到 Google Apps 腳本中的電子郵件？

問題描述

1 個解決方案

解決方案1
2 已采納 2019-09-06 00:40:27

解決方案：

修改后的腳本：

參考：

如何從 HTML 文件輸入中獲取文件並將其作為附件發送到 Google Apps 腳本中的電子郵件？

問題描述

1 個解決方案

解決方案1 2 已采納 2019-09-06 00:40:27

解決方案：

修改后的腳本：

參考：

解決方案1
2 已采納 2019-09-06 00:40:27